diff --git a/src/app/features/header-menu/header-menu.scss b/src/app/features/header-menu/header-menu.scss index a752ba5..a2e8809 100644 --- a/src/app/features/header-menu/header-menu.scss +++ b/src/app/features/header-menu/header-menu.scss @@ -24,6 +24,10 @@ align-items: center; gap: 48px; + & > * { + user-select: none; + } + .menu-item, a:not(.settings) { text-decoration: none; font-size: 18px; @@ -56,6 +60,22 @@ } } + .settings { + border: none; + border-radius: 100%; + background-color: inherit; + padding: 0; + + position: relative; + z-index: 10; + cursor: pointer; + transition: transform 0.3s ease; + + &:hover { + transform: rotate(30deg); + } + } + /* 구체적인 아이콘 예외 처리 */ .icon-40 { height: auto; @@ -100,21 +120,5 @@ flex-grow: 1; justify-content: flex-end; padding: 12px 20px; - - .settings { - border: none; - border-radius: 100%; - background-color: inherit; - padding: 0; - - position: relative; - z-index: 10; - cursor: pointer; - transition: transform 0.3s ease; - - &:hover { - transform: rotate(30deg); - } - } } } diff --git a/src/app/features/settings/popup.scss b/src/app/features/settings/popup.scss index cdcf79d..737f4df 100644 --- a/src/app/features/settings/popup.scss +++ b/src/app/features/settings/popup.scss @@ -1,5 +1,6 @@ :host { display: block; + user-select: none; } .profile-section { @@ -37,6 +38,7 @@ display: block; font-weight: 500; font-size: 14px; + height: 15px; color: oklch(0.6830 0 0); // #999999 }