b24014/baron_qa_write
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI 개선
Deploy EG-BIM QA Gateway / deploy (push) Successful in 40s
Details

Browse Source
This commit is contained in:
root
2026-09-21 18:41:24 +09:00
parent 9bbd9ed8ce
commit aa1cd8ad5c
3 changed files with 59 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/styles.css
+50
View File
@@ -290,6 +290,56 @@ button { cursor: pointer; }
.toast.show { opacity: 1; transform: translateY(0); }
.mobile-menu { display: none; }
/* EG-BIM Q&A list layout */
.qa-list-page { background: #fff; }
.qa-list-page .page-shell { max-width: none; padding: 51px 10px 62px; }
.qa-list-heading { margin: 0 0 40px; text-align: center; }
.qa-list-heading h1 { margin: 0; font-size: 30px; line-height: 1.35; letter-spacing: -.06em; }
.qa-list-page .filter-panel { padding: 0; margin: 0 0 40px; border: 0; background: transparent; }
.qa-list-page .filter-row { gap: 8px; flex-wrap: nowrap; }
.qa-list-page .chip-group { gap: 8px; flex: 0 0 auto; }
.qa-list-page .chip { width: 60px; height: 45px; justify-content: center; padding: 0; border-color: #ddd; border-radius: 3px; color: #222; font-size: 15px; }
.qa-list-page .chip:has(input:checked) { border-color: #e8ad00; background: #ffc400; color: #111; }
.qa-list-page .chip input { position: absolute; opacity: 0; pointer-events: none; }
.qa-list-page .check { flex: 0 0 auto; margin-left: 24px; color: #222; font-size: 14px; white-space: nowrap; }
.qa-list-page .check input { width: 16px; height: 16px; margin: 0 7px 0 0; accent-color: #222; }
.qa-list-page .filter-spacer { min-width: 18px; }
.qa-list-page .search-form { width: 450px; min-width: 450px; gap: 7px; }
.qa-list-page .search-form input { height: 45px; padding: 0 12px; border-color: #d8d8d8; color: #333; font-size: 13px; }
.qa-list-page .search-form input::placeholder { color: #b7b7b7; }
.qa-list-page .search-button { width: 88px; height: 45px; padding: 0; border-radius: 3px; background: #292621; color: #fff; font-size: 15px; font-weight: 700; }
.qa-list-page .search-button span { margin-right: 3px; font-size: 24px; line-height: 0; vertical-align: -2px; }
.qa-list-page .table-wrap { border-top: 2px solid #111; }
.qa-list-page .qa-table { min-width: 980px; }
.qa-list-page .qa-table th { height: 48px; padding: 0 10px; border-bottom: 1px solid #111; color: #111; font-size: 14px; font-weight: 700; }
.qa-list-page .qa-table td { height: 58px; padding: 0 10px; border-bottom: 1px solid #ededed; background: #f3f3f3; color: #3e4650; font-size: 14px; font-weight: 500; }
.qa-list-page .qa-table tbody tr:hover { background: transparent; }
.qa-list-page .qa-table tbody tr:hover td { background: #ededed; }
.qa-list-page .qa-table .subject { color: #39434f; }
.qa-list-page .qa-table .subject-link { font-weight: 500; }
.qa-list-page .qa-table .category-cell { white-space: nowrap; }
.qa-list-page .qa-table .category,
.qa-list-page .qa-table .status { padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; font-size: inherit; font-weight: inherit; }
.qa-list-page .qa-table .status { min-width: 0; }
.qa-list-page .qa-table .notice-row td { background: #f3f3f3; color: #3e4650; }
.qa-list-page .table-empty { background: #f3f3f3; }
.qa-list-page .list-footer { position: relative; min-height: 42px; margin-top: 25px; }
.qa-list-page .list-footer .pagination { margin: 0; }
.qa-list-page .list-footer > .button { position: absolute; top: 0; right: 0; height: 42px; padding: 0 25px; background: #292621; font-size: 14px; font-weight: 700; }
@media (max-width: 820px) {
.qa-list-page .page-shell { padding: 39px 14px 55px; }
.qa-list-heading { margin-bottom: 28px; }
.qa-list-heading h1 { font-size: 26px; }
.qa-list-page .filter-row { flex-wrap: wrap; }
.qa-list-page .check { margin-left: 8px; }
.qa-list-page .filter-spacer { display: none; }
.qa-list-page .search-form { width: 100%; min-width: 0; margin-top: 5px; }
.qa-list-page .list-footer { display: flex; min-height: 84px; flex-direction: column; align-items: stretch; gap: 18px; }
.qa-list-page .list-footer .pagination { order: 2; }
.qa-list-page .list-footer > .button { position: static; order: 1; align-self: flex-end; }
}
@media (max-width: 1100px) {
.global-nav { gap: 18px; margin-right: 20px; }
.nav-item { font-size: 14px; }