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 33s
Details

Browse Source
This commit is contained in:
root
2026-09-21 19:25:32 +09:00
parent 33aeda6c4a
commit 4aa2bbf5e9
2 changed files with 10 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/styles.css
+9 -9
View File
@@ -291,7 +291,7 @@ button { cursor: pointer; }
.mobile-menu { display: none; }
/* EG-BIM Q&A list layout */
.qa-list-page { background: #fff; }
.qa-list-page { max-width: 100%; overflow-x: hidden; background: #fff; }
.qa-list-page .site-header { position: absolute; top: 0; right: 0; left: 0; z-index: 10; height: 88px; border-bottom: 0; background: transparent; color: #fff; }
.qa-list-page .header-inner { max-width: none; padding: 0 48px; }
.qa-list-page .brand { color: #fff; font-size: 29px; letter-spacing: -.04em; }
@@ -312,8 +312,8 @@ button { cursor: pointer; }
.qa-list-page .page-hero h1 { margin: 0 0 4px; color: #fff; font-size: 70px; font-weight: 700; letter-spacing: -.07em; }
.qa-list-page .page-hero p { color: #fff; font-size: 20px; font-weight: 500; }
.qa-list-page .sub-nav { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; background: rgba(0, 10, 17, .84); }
.qa-list-page .sub-nav-inner { max-width: 900px; }
.qa-list-page .sub-nav a { padding: 18px 12px; color: #fff; font-size: 16px; font-weight: 700; }
.qa-list-page .sub-nav-inner { width: 100%; max-width: none; }
.qa-list-page .sub-nav a { flex: 1 1 50%; padding: 18px 12px; color: #fff; font-size: 16px; font-weight: 700; }
.qa-list-page .sub-nav a[aria-current='page'] { background: rgba(0, 121, 116, .5); color: #ffc400; }
.qa-list-page .sub-nav a.disabled-tab { cursor: default; }
.qa-list-page .sub-nav a.disabled-tab:hover { background: transparent; color: #fff; }
@@ -332,12 +332,12 @@ button { cursor: pointer; }
.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 { width: 88px; height: 45px; padding: 0; border-radius: 3px; background: #000; 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 { overflow-x: hidden; border-top: 2px solid #111; }
.qa-list-page .qa-table { width: 100%; min-width: 0; }
.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 .table-wrap { width: 100%; max-width: 100%; overflow: hidden; border-top: 2px solid #111; }
.qa-list-page .qa-table { display: table; width: 100%; max-width: 100%; min-width: 0 !important; table-layout: fixed; }
.qa-list-page .qa-table th { height: 48px; padding: 0 10px; overflow: hidden; border-bottom: 1px solid #111; color: #111; font-size: 14px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.qa-list-page .qa-table td { height: 58px; padding: 0 10px; overflow: hidden; border-bottom: 1px solid #ededed; background: #f3f3f3; color: #3e4650; font-size: 14px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.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; }
@@ -350,7 +350,7 @@ button { cursor: pointer; }
.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; }
.qa-list-page .list-footer > .button { position: absolute; top: 0; right: 0; height: 42px; padding: 0 25px; background: #000; color: #fff; font-size: 14px; font-weight: 700; }
@media (max-width: 820px) {
.qa-list-page .site-header { height: 68px; }
egbim/index.html
+1 -7
View File
@@ -5,16 +5,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="EG-BIM Q&A 문의 게시판">
<title>EG-BIM Q&A | 바론컨설턴트</title>
<link rel="stylesheet" href="../assets/styles.css">
<link rel="stylesheet" href="../assets/styles.css?v=20260921-4">
</head>
<body>
<main class="qa-list-page">
<header class="site-header">
<div class="header-inner">
<a class="brand" href="index.html" aria-label="EG-BIM Q&amp;A 홈"><span class="brand-mark" aria-hidden="true">e</span><span>EG-BIM</span></a>
<div class="header-tools"><div class="locale"><span aria-hidden="true">◎</span><a href="#" aria-current="page">KR</a><span>/</span><a href="#">EN</a></div><a class="login-link" href="/auth/login" aria-label="로그인"><span class="user-icon" aria-hidden="true"></span><span data-auth-name>로그인</span></a></div>
</div>
</header>
<section class="page-hero">
<div class="hero-inner"><span class="hero-kicker">EG-BIM SUPPORT</span><h1>Q&amp;A</h1><p>EG-BIM 관련 문의하기</p></div>
<nav class="sub-nav" aria-label="EG-BIM 지원 메뉴"><div class="sub-nav-inner"><a href="index.html" aria-current="page">문의하기(Q&amp;A)</a><a href="#" aria-disabled="true" class="disabled-tab">원격지원</a></div></nav>