diff --git a/src/components/default/Header/Header.module.scss b/src/components/default/Header/Header.module.scss index 7a7103a..51491a7 100644 --- a/src/components/default/Header/Header.module.scss +++ b/src/components/default/Header/Header.module.scss @@ -4,14 +4,15 @@ display: flex; align-items: center; justify-content: space-between; - border-bottom: 1px solid rgba(255,255,255,.1); + border-bottom: 1px solid rgba(255, 255, 255, .1); nav { display: flex; align-items: center; gap: 45px; - > a, p { + >a, + p { font-size: 16px; color: #ffffff; @@ -20,7 +21,7 @@ } } - > p { + >p { opacity: 0.7; pointer-events: none; } @@ -32,7 +33,7 @@ background: transparent; display: none; } - + .header__net_switch { border-radius: 10px; overflow: hidden; @@ -67,7 +68,8 @@ flex-direction: column; gap: 10px; - > a, p { + >a, + p { height: 35px; padding: 0 15px; display: flex; @@ -76,7 +78,7 @@ color: #ffffff; &.selected { - background: linear-gradient(to right,#1b3a8a,#32439f); + background: linear-gradient(to right, #1b3a8a, #32439f); } } @@ -85,7 +87,7 @@ pointer-events: none; } } - + @media screen and (max-width: 1050px) { .header__top { @@ -100,9 +102,18 @@ } } + .header__top__right { + gap: 20px !important; + } + + .header__switch_btn { + button { + padding: 8px 10px; + } + } + .header__nav__mobile { display: flex; } } -} - +} \ No newline at end of file diff --git a/src/components/default/Header/Header.tsx b/src/components/default/Header/Header.tsx index 8f17388..ba4d7a1 100644 --- a/src/components/default/Header/Header.tsx +++ b/src/components/default/Header/Header.tsx @@ -85,6 +85,7 @@ function Header(props: HeaderProps) {