Files
jiapu/public/css/join-genealogy.css
T
2026-08-03 16:49:38 +08:00

63 lines
1.1 KiB
CSS

/* 加入家谱页只保留单页差异,公共认证卡片样式在 public.css */
.page-join-genealogy .auth-card {
width: min(1080px, 100%);
}
.join-page-grid {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
gap: 28px;
align-items: start;
}
.join-search-panel,
.join-apply-form {
display: grid;
gap: 16px;
}
.join-search-panel {
padding-right: 28px;
border-right: 1px solid var(--line);
}
.join-page-grid h2 {
margin: 0;
font-size: 22px;
}
.join-page-grid .module-list {
max-height: 420px;
overflow: auto;
}
@media (max-width: 800px) {
.page-join-genealogy .auth-card {
width: min(500px, 100%);
}
.join-page-grid {
grid-template-columns: 1fr;
}
.join-search-panel {
padding-right: 0;
padding-bottom: 24px;
border-right: 0;
border-bottom: 1px solid var(--line);
}
}
.invite-box {
padding: 14px;
border: 1px dashed var(--gold);
border-radius: 22px;
background: #fffaf1;
}
.page-join-genealogy textarea.input {
/* 申请说明需要多行输入,仍复用公共输入框视觉 */
min-height: 112px;
resize: vertical;
}