98 lines
1.8 KiB
CSS
98 lines
1.8 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-page-grid .field {
|
|
display: grid;
|
|
gap: 10px;
|
|
}
|
|
|
|
.join-page-grid .field > span {
|
|
color: var(--ink);
|
|
font-weight: 900;
|
|
}
|
|
|
|
.join-page-grid .field input,
|
|
.join-page-grid .field textarea {
|
|
width: 100%;
|
|
min-height: 48px;
|
|
padding: 12px 14px;
|
|
border: 1px solid var(--line);
|
|
border-radius: 8px;
|
|
background: #fffdf8;
|
|
color: var(--ink);
|
|
font: inherit;
|
|
outline: none;
|
|
transition: border-color .2s ease, box-shadow .2s ease;
|
|
}
|
|
|
|
.join-page-grid .field textarea {
|
|
min-height: 128px;
|
|
resize: vertical;
|
|
}
|
|
|
|
.join-page-grid .field input:focus,
|
|
.join-page-grid .field textarea:focus {
|
|
border-color: rgba(200, 59, 50, .45);
|
|
box-shadow: 0 0 0 4px rgba(200, 59, 50, .08);
|
|
}
|
|
|
|
.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;
|
|
}
|