From abfc872d043bad23bb97f6137191e2b66318989d Mon Sep 17 00:00:00 2001 From: nevermoregb Date: Fri, 7 Mar 2025 12:14:54 +0900 Subject: [PATCH] =?UTF-8?q?=ED=83=91=EB=B0=94=20css=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/layouts/NormalLayout.vue | 42 +++++++++++++++++++++++++++--------- 1 file changed, 32 insertions(+), 10 deletions(-) diff --git a/src/layouts/NormalLayout.vue b/src/layouts/NormalLayout.vue index dd006b5..f07eb7e 100644 --- a/src/layouts/NormalLayout.vue +++ b/src/layouts/NormalLayout.vue @@ -56,18 +56,40 @@ margin-right: 20%; /* 채팅 사이드바의 너비만큼 밀리도록 설정 */ } - /* top bar 고정1 */ - .layout-navbar-fixed .layout-navbar { - position: relative; - top: 0; - right: auto; + /* 탑바 범위조정 */ + nav#layout-navbar { left: 0 !important; - width: 96% !important; - padding-top: 0 !important; + margin-right: 20%; + margin-left: 260px; + width: auto !important; + min-width: auto !important; + right: 24px !important; + left: 24px !important; } - /* top bar 고정2 */ - .layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page { - padding-top: 0 !important; + /* 탑바 범위조정(1200px 이하) */ + @media (max-width: 1200px) { + nav#layout-navbar { + left: 0 !important; + margin-right: 20%; + margin-left: 0px; + width: auto !important; + min-width: auto !important; + right: 24px !important; + left: 24px !important; + } + } + + /* 탑바 범위조정(992px 이하) */ + @media (max-width: 992px) { + nav#layout-navbar { + left: 0 !important; + margin-right: 20%; + margin-left: 0px; + width: auto !important; + min-width: auto !important; + right: 24px !important; + left: 24px !important; + } }