playground/acs
121
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update visit request form layout

Browse Source
This commit is contained in:
unknown
2026-07-14 18:51:24 +09:00
parent 0ae4b73592
commit 7a404cd836
3 changed files with 241 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
frontend/src/styles/common.css
View File

@@ -76,7 +76,7 @@ a { color: inherit; text-decoration: none; }
padding: 2px 6px; border-radius: 6px;
}
.content { max-width: 1080px; margin: 0 auto; padding: 28px 24px; }
.content { width: 100%; max-width: none; margin: 0; padding: 28px; }
/* ===== Center (auth) ===== */
.center-screen {
@@ -173,6 +173,52 @@ a { color: inherit; text-decoration: none; }
gap: 0 18px;
}
.form-grid .span-2 { grid-column: 1 / -1; }
.visit-form { gap: 16px; }
.form-group {
border: 1px solid #cbd5e1;
border-radius: 8px;
padding: 18px 18px 4px;
margin: 0;
background: #fff;
}
.form-group > legend {
padding: 0 8px;
font-size: 15px;
font-weight: 800;
color: #0f172a;
}
.group-grid {
display: grid;
grid-template-columns: repeat(2, minmax(360px, 1fr));
gap: 0 18px;
}
.group-grid .span-2 { grid-column: 1 / -1; }
.visit-form .field {
display: grid;
grid-template-columns: 180px minmax(0, 1fr);
align-items: center;
column-gap: 12px;
}
.visit-form .field > span {
min-width: 0;
line-height: 1.35;
}
.visit-form .field.span-2 {
grid-template-columns: 180px minmax(0, 1fr);
}
.required { color: var(--red); }
.subsection-title {
margin: 4px 0 12px;
padding-top: 10px;
border-top: 1px solid #e2e8f0;
font-weight: 700;
color: #334155;
}
.form-group .subsection-title:first-of-type {
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.form-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 8px; }
/* Inline validation message shown at the left of the action row, beside the 취소 button. */
.form-actions .form-error { margin-right: auto; align-self: center; color: #b91c1c; font-size: 14px; font-weight: 600; }
@@ -313,6 +359,12 @@ button:disabled { opacity: .55; cursor: not-allowed; }
@media (max-width: 720px) {
.stat-grid { grid-template-columns: repeat(2, 1fr); }
.form-grid { grid-template-columns: 1fr; }
.group-grid { grid-template-columns: 1fr; }
.visit-form .field,
.visit-form .field.span-2 {
grid-template-columns: 1fr;
align-items: stretch;
}
.nav { display: none; }
}