From 16f7ee651b26ee8de532ce39fad84cbc3720f473 Mon Sep 17 00:00:00 2001
From: byun <admin@byunc.com>
Date: Sun, 31 May 2026 15:58:03 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B2=84=EA=B7=B8=20=EC=88=98=EC=A0=95=20?=
 =?UTF-8?q?=E2=80=94=20=EC=B6=9C=EC=9E=A5=EB=B9=84=20=EA=B4=80=EB=A6=AC=20?=
 =?UTF-8?q?JS=20=EB=AC=B8=EB=B2=95=20=EC=98=A4=EB=A5=98=20=EB=B0=8F=20?=
 =?UTF-8?q?=EB=AA=A8=EB=B0=94=EC=9D=BC=20nav=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- costs.html: 템플릿 리터럴 내 `||}`  문법 오류 수정 (스크립트 전체 실행 불가 → 햄버거 버튼 미표시 원인)
- style.css: 모바일에서 가로 오버플로우 시 fixed nav 버튼 밀림 방지 (html,body overflow-x:hidden)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/static/css/style.css          |  4 +++-
 frontend/static/pages/admin/costs.html | 16 ++++++++--------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/frontend/static/css/style.css b/frontend/static/css/style.css
index 4cfa73a..7592f6f 100644
--- a/frontend/static/css/style.css
+++ b/frontend/static/css/style.css
@@ -158,7 +158,8 @@ textarea{resize:vertical;min-height:80px;}
   .stats{grid-template-columns:repeat(2,1fr);}
   .detail-grid{grid-template-columns:1fr;}
 
-  /* nav: sticky → fixed (가로 오버플로우 시 body 넓이에 끌려 햄버거 버튼이 밀려나는 문제 방지) */
+  /* 가로 오버플로우(표 등)가 body를 넓혀 fixed nav 버튼이 밀려나는 문제 방지 */
+  html,body{overflow-x:hidden;}
   .nav{position:fixed;left:0;width:100%;box-sizing:border-box;}
   body{padding-top:54px;}
 
@@ -176,6 +177,7 @@ textarea{resize:vertical;min-height:80px;}
   }
   .mobile-nav-overlay.show{display:block;}
   .nav-hamburger{display:inline-flex;align-items:center;}
+  .nav-user{display:none;}
 }
 
 /* ── 정비사 모바일 탭 바 ── */
diff --git a/frontend/static/pages/admin/costs.html b/frontend/static/pages/admin/costs.html
index a77b7ad..063aa57 100644
--- a/frontend/static/pages/admin/costs.html
+++ b/frontend/static/pages/admin/costs.html
@@ -111,14 +111,14 @@ async function load() {
         <input type="checkbox" class="row-chk" data-id="${c.id}"
           onchange="this.closest('tr').classList.toggle('selected',this.checked);updateDeleteBtn()">
       </td>
-      <td onclick="location.href='/pages/admin/report-detail.html?id=${(c.report_ids||[])[0]||}'" style="cursor:pointer">${(c.report_ids||[]).map(i=>'#'+i).join(', ')}</td>
-      <td onclick="location.href='/pages/admin/report-detail.html?id=${(c.report_ids||[])[0]||}'" style="cursor:pointer">${c.charger_id||'-'}</td>
-      <td onclick="location.href='/pages/admin/report-detail.html?id=${(c.report_ids||[])[0]||}'" style="cursor:pointer">${c.station_name||'-'}</td>
-      <td onclick="location.href='/pages/admin/report-detail.html?id=${(c.report_ids||[])[0]||}'" style="cursor:pointer">${c.mechanic_name||'-'}<br><small>${c.mechanic_company||''}</small></td>
-      <td onclick="location.href='/pages/admin/report-detail.html?id=${(c.report_ids||[])[0]||}'" style="cursor:pointer">${PARTY_LABEL[c.cost_party_type]||c.cost_party_type||'-'}${c.cost_party_type==='manufacturer'?`<br><small>${c.manufacturer_name||''}</small>`:''}</td>
-      <td onclick="location.href='/pages/admin/report-detail.html?id=${(c.report_ids||[])[0]||}'" style="cursor:pointer;font-weight:700;color:var(--orange)">${(c.cost_amount||0).toLocaleString()}원</td>
-      <td onclick="location.href='/pages/admin/report-detail.html?id=${(c.report_ids||[])[0]||}'" style="cursor:pointer">${Auth.costStatusBadge(c.cost_status)}</td>
-      <td onclick="location.href='/pages/admin/report-detail.html?id=${(c.report_ids||[])[0]||}'" style="cursor:pointer">${Auth.fmtDt(c.reviewed_at)}</td>
+      <td onclick="location.href='/pages/admin/report-detail.html?id=${(c.report_ids||[])[0]||''}'" style="cursor:pointer">${(c.report_ids||[]).map(i=>'#'+i).join(', ')}</td>
+      <td onclick="location.href='/pages/admin/report-detail.html?id=${(c.report_ids||[])[0]||''}'" style="cursor:pointer">${c.charger_id||'-'}</td>
+      <td onclick="location.href='/pages/admin/report-detail.html?id=${(c.report_ids||[])[0]||''}'" style="cursor:pointer">${c.station_name||'-'}</td>
+      <td onclick="location.href='/pages/admin/report-detail.html?id=${(c.report_ids||[])[0]||''}'" style="cursor:pointer">${c.mechanic_name||'-'}<br><small>${c.mechanic_company||''}</small></td>
+      <td onclick="location.href='/pages/admin/report-detail.html?id=${(c.report_ids||[])[0]||''}'" style="cursor:pointer">${PARTY_LABEL[c.cost_party_type]||c.cost_party_type||'-'}${c.cost_party_type==='manufacturer'?`<br><small>${c.manufacturer_name||''}</small>`:''}</td>
+      <td onclick="location.href='/pages/admin/report-detail.html?id=${(c.report_ids||[])[0]||''}'" style="cursor:pointer;font-weight:700;color:var(--orange)">${(c.cost_amount||0).toLocaleString()}원</td>
+      <td onclick="location.href='/pages/admin/report-detail.html?id=${(c.report_ids||[])[0]||''}'" style="cursor:pointer">${Auth.costStatusBadge(c.cost_status)}</td>
+      <td onclick="location.href='/pages/admin/report-detail.html?id=${(c.report_ids||[])[0]||''}'" style="cursor:pointer">${Auth.fmtDt(c.reviewed_at)}</td>
     </tr>`).join('');
 }
 load();