From 08c5c7f98aa1051d758c6189f1d61fe6566df81a Mon Sep 17 00:00:00 2001 From: HenriqueSSan Date: Fri, 30 Dec 2022 19:48:55 -0300 Subject: [PATCH 1/3] feat(align): created spaces in breadcrumb, sidebar routes --- src/settings/routes/index.module.scss | 1 + src/template/Sidebar/index.module.scss | 3 ++- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/settings/routes/index.module.scss b/src/settings/routes/index.module.scss index 5ceb793..b471954 100644 --- a/src/settings/routes/index.module.scss +++ b/src/settings/routes/index.module.scss @@ -19,6 +19,7 @@ main :global { width: 100%; padding: 0 16px; margin-top: 29px; + margin-bottom: 81px; @media screen and (min-width: 1025px) { width: function.fluid(1080px, 1280px); diff --git a/src/template/Sidebar/index.module.scss b/src/template/Sidebar/index.module.scss index 320bd8a..91d8472 100644 --- a/src/template/Sidebar/index.module.scss +++ b/src/template/Sidebar/index.module.scss @@ -1,6 +1,7 @@ .sidebar { width: 100%; - height: auto; + height: 100%; + margin-top: 40px; @media screen and (min-width: 1025px) { border-right: 1px solid var(--clr-common-black); -- 2.34.1 From 4b789e75248992f653d17cdd0bb92106409b6beb Mon Sep 17 00:00:00 2001 From: HenriqueSSan Date: Fri, 30 Dec 2022 19:59:14 -0300 Subject: [PATCH 2/3] feat(align): created spaces in main title in page routes for large,medium,small devices --- src/settings/routes/index.module.scss | 2 +- src/settings/styles/global/_config.scss | 6 ++++++ src/template/Sidebar/index.module.scss | 2 ++ 3 files changed, 9 insertions(+), 1 deletion(-) diff --git a/src/settings/routes/index.module.scss b/src/settings/routes/index.module.scss index b471954..16b88fb 100644 --- a/src/settings/routes/index.module.scss +++ b/src/settings/routes/index.module.scss @@ -23,7 +23,7 @@ main :global { @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/Sidebar/index.module.scss b/src/template/Sidebar/index.module.scss index 91d8472..22ac627 100644 --- a/src/template/Sidebar/index.module.scss +++ b/src/template/Sidebar/index.module.scss @@ -4,6 +4,7 @@ margin-top: 40px; @media screen and (min-width: 1025px) { + margin-top: 0; border-right: 1px solid var(--clr-common-black); } @@ -28,6 +29,7 @@ &.active { background-color: var(--clr-common-black); color: var(--clr-common-white); + font-weight: 700; } } } -- 2.34.1 From 17ec6cc6887941b2ec119a1715ebea2bbc1f3011 Mon Sep 17 00:00:00 2001 From: HenriqueSSan Date: Fri, 30 Dec 2022 20:11:00 -0300 Subject: [PATCH 3/3] feat(align): created spaces in header bottom content menu in large,medium devices --- src/template/Header/index.module.scss | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) 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 { -- 2.34.1