From 438f3091782d76016b16234def7198e7569e95c1 Mon Sep 17 00:00:00 2001 From: king Date: Mon, 15 Jun 2026 14:24:58 +0900 Subject: [PATCH] =?UTF-8?q?fix(shell):=20=EB=AA=A8=EB=B0=94=EC=9D=BC?= =?UTF-8?q?=EC=97=90=EC=84=9C=20=EC=82=AC=EC=9D=B4=EB=93=9C=EB=B0=94=20?= =?UTF-8?q?=EC=B9=B8=EC=9D=B4=20=EB=B3=B8=EB=AC=B8=EC=9D=84=20=EA=B0=80?= =?UTF-8?q?=EB=A6=AC=EB=8A=94=20=EB=AC=B8=EC=A0=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 데스크탑 접힘 규칙 .erp-app:has([data-collapsed=true])(특이도 높음)가 모바일 미디어 .erp-app{...0 1fr}(특이도 낮음)를 이겨, 폰에서도 사이드바가 64px grid 칸을 차지해 본문이 좁게 짜부러짐. 미디어쿼리는 특이도를 올리지 않음. 모바일 미디어에 :has 셀렉터를 함께 명시해 특이도를 맞추고 사이드바 칸을 0으로 강제. CSS 캐시버스트 갱신. Co-Authored-By: Claude Opus 4.8 --- app/static/erp-shell.css | 4 +++- app/templates/erp_base.html | 4 ++-- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/app/static/erp-shell.css b/app/static/erp-shell.css index 5514d26..8a5d3b8 100644 --- a/app/static/erp-shell.css +++ b/app/static/erp-shell.css @@ -285,7 +285,9 @@ body.erp-app-body { background: var(--color-canvas-white); height: 100vh; overfl /* ── 반응형 ── */ @media (max-width: 900px) { - .erp-app { grid-template-columns: 0 1fr; } + /* 데스크탑 접힘(:has collapsed) 규칙보다 특이도 맞춰 모바일에서 사이드바 칸 0 강제 */ + .erp-app, + .erp-app:has(.erp-sidebar[data-collapsed="true"]) { grid-template-columns: 0 1fr; } .erp-sidebar { position: fixed; left: 0; top: 0; height: 100vh; width: var(--erp-sidebar-w); diff --git a/app/templates/erp_base.html b/app/templates/erp_base.html index 18f1f8a..ec69a5a 100644 --- a/app/templates/erp_base.html +++ b/app/templates/erp_base.html @@ -4,8 +4,8 @@ {{ page_title or "ERP" }} — DBX Corporation - - + + {% block head_extra %}{% endblock %}