From 688fea9033808bcd13a90713a0093c66fac72210 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=BB=A8=ED=8A=B8=EB=A1=A4DELTA?= Date: Mon, 16 Mar 2026 16:06:43 +0900 Subject: [PATCH] Adjust Header Menu BG Blur --- src/app/ui/header-menu/header-menu.scss | 12 +++++++++--- src/styles.scss | 2 ++ 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/src/app/ui/header-menu/header-menu.scss b/src/app/ui/header-menu/header-menu.scss index 2bc76ca..eb65278 100644 --- a/src/app/ui/header-menu/header-menu.scss +++ b/src/app/ui/header-menu/header-menu.scss @@ -5,12 +5,19 @@ justify-content: start; gap: 30px; - width: 100%; + width: fit-content; + min-width: 100%; + box-sizing: border-box; border-bottom: oklch(0 0 0 / 20%) 2px solid; + background-color: oklch(1 0 0 / 60%); backdrop-filter: blur(20px); + contain: layout paint; + isolation: isolate; + z-index: 100; + .menu-left { display: flex; flex-direction: row; @@ -34,8 +41,6 @@ span { font-weight: 900; - line-height: 40px; - /*text-box-trim: trim-both; text-box-edge: cap alphabetic;*/ } @@ -45,6 +50,7 @@ font-size: 18px; line-height: 40px; vertical-align: middle; + white-space: nowrap; } } } diff --git a/src/styles.scss b/src/styles.scss index f13860e..da724a8 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -6,5 +6,7 @@ body { font-family: 'NanumSquareNeo', 'Wanted Sans Variable', 'Pretendard JP', sans-serif; font-weight: 500; margin: 0; + + overscroll-behavior-x: none; }