diff --git a/src/components/Header/header.module.scss b/src/components/Header/header.module.scss index d9ef0e8..f461105 100644 --- a/src/components/Header/header.module.scss +++ b/src/components/Header/header.module.scss @@ -245,4 +245,77 @@ } } } + + @media (min-width: 2500px) { + &__content { + width: 91.987%; + height: 101px; + padding: 0; + + .logo { + width: 265.62px; + + img { + height: 50.5px; + } + } + + .search-desktop { + &__input { + width: 28.716%; + height: 57px; + + &::placeholder { + padding: 12px 0 12px 16px; + font-size: 28px; + line-height: 32px; + } + } + + &__button { + width: 57px; + height: 57px; + + img { + width: 35.15px; + height: 35.15px; + } + } + } + + .buttons { + width: 10.334%; + + &__logIn { + width: 105px; + font-size: 28px; + line-height: 33px; + } + + &__cart { + width: 54.68px; + height: 54.68px; + + img { + width: 54.68px; + height: 54.68px; + } + } + } + } + + &__nav { + height: 61px; + padding: 0; + + nav { + width: 91.987%; + } + + ul { + font-size: 28px; + line-height: 33px; + } + } + } } diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx index ef36ce6..2e49ebd 100644 --- a/src/components/Header/index.tsx +++ b/src/components/Header/index.tsx @@ -9,7 +9,7 @@ const Header = () => { return (
-