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; }