diff --git a/src/settings/routes/index.module.scss b/src/settings/routes/index.module.scss index 5ceb793..16b88fb 100644 --- a/src/settings/routes/index.module.scss +++ b/src/settings/routes/index.module.scss @@ -19,10 +19,11 @@ main :global { width: 100%; padding: 0 16px; margin-top: 29px; + margin-bottom: 81px; @media screen and (min-width: 1025px) { width: function.fluid(1080px, 1280px); - margin: 29px auto 0; + margin: 29px auto 81px; padding: 0; } diff --git a/src/settings/styles/global/_config.scss b/src/settings/styles/global/_config.scss index 9cf96e6..4a30140 100644 --- a/src/settings/styles/global/_config.scss +++ b/src/settings/styles/global/_config.scss @@ -62,9 +62,15 @@ textarea { text-transform: uppercase; color: var(--clr-gray-900); + + @media screen and (min-width: 1025px) { + margin-bottom: 82px; + } } .title { + margin-bottom: 12px; + font-weight: 700; font-size: var(--txt-xl); diff --git a/src/template/Header/index.module.scss b/src/template/Header/index.module.scss index b362409..043edf4 100644 --- a/src/template/Header/index.module.scss +++ b/src/template/Header/index.module.scss @@ -178,6 +178,12 @@ height: 100vh; } } + + @media screen and (min-width: 1025px) { + &-content { + border-top: 1px solid var(--clr-common-white); + } + } } .menu { @@ -259,8 +265,9 @@ justify-content: flex-start; gap: 55px; - padding: 14px 16px; - border-top: 1px solid var(--clr-common-white); + width: function.fluid(1080px, 1280px); + padding: 14px 0; + margin: 0 auto; background-color: var(--clr-common-black); @@ -276,6 +283,12 @@ display: none; } } + + @media screen and (min-width: 2500px) { + .list { + width: function.fluid(2299.68px, 2500px); + } + } } .search-top { diff --git a/src/template/Sidebar/index.module.scss b/src/template/Sidebar/index.module.scss index 320bd8a..22ac627 100644 --- a/src/template/Sidebar/index.module.scss +++ b/src/template/Sidebar/index.module.scss @@ -1,8 +1,10 @@ .sidebar { width: 100%; - height: auto; + height: 100%; + margin-top: 40px; @media screen and (min-width: 1025px) { + margin-top: 0; border-right: 1px solid var(--clr-common-black); } @@ -27,6 +29,7 @@ &.active { background-color: var(--clr-common-black); color: var(--clr-common-white); + font-weight: 700; } } }