diff --git a/src/components/ExploreMenuItem/ExploreMenuItem.module.scss b/src/components/ExploreMenuItem/ExploreMenuItem.module.scss index 26e13bd2..736f9b88 100644 --- a/src/components/ExploreMenuItem/ExploreMenuItem.module.scss +++ b/src/components/ExploreMenuItem/ExploreMenuItem.module.scss @@ -1,6 +1,6 @@ .exploreMenuItem { display: flex; - width: calc(100% - 2px); + width: 100%; height: 100px; background-color: var(--background-card); justify-content: space-between; diff --git a/src/components/HomeHeader/HomeHeader.module.scss b/src/components/HomeHeader/HomeHeader.module.scss index ad81b18a..7d4249aa 100644 --- a/src/components/HomeHeader/HomeHeader.module.scss +++ b/src/components/HomeHeader/HomeHeader.module.scss @@ -80,7 +80,7 @@ .fixedSelector { position:fixed; top: 0px; - width: calc(var(--central-content-width) - 2px); + width: var(--central-content-width); height: var(--header-height); z-index: var(--z-index-header); transition: 0.3s; diff --git a/src/components/Layout/Layout.module.scss b/src/components/Layout/Layout.module.scss index 5b053eaf..85110905 100644 --- a/src/components/Layout/Layout.module.scss +++ b/src/components/Layout/Layout.module.scss @@ -23,6 +23,7 @@ display: grid; grid-template-rows: var(--header-height) 1fr 82px; height: 100%; + border-right: 1px solid var(--devider); } .leftHeader { @@ -61,7 +62,7 @@ .centerColumn { position: relative; - border-inline: 1px solid var(--devider); + // border-inline: 1px solid var(--devider); min-height: 100vh; } @@ -91,6 +92,15 @@ width: var(--right-col-w); grid-template-rows: var(--header-height) 1fr; grid-row-gap: 28px; + + >div { + position: fixed; + width: var(--left-col-w); + display: grid; + grid-template-rows: var(--header-height) 1fr 82px; + height: 100%; + border-left: 1px solid var(--devider); + } } .rightHeader { @@ -167,11 +177,16 @@ @media only screen and (max-width: 1087px) { .container { width: 720px; - grid-template-columns: 48px 600px; + grid-template-columns: 48px 600px 1px; } .rightColumn { - display: none; + width: 1px; + >div { + >div { + display: none; + } + } } } @@ -239,6 +254,11 @@ } .rightColumn { - display: none; + width: 1px; + >div { + >div { + display: none; + } + } } } diff --git a/src/components/Layout/Layout.tsx b/src/components/Layout/Layout.tsx index b3f29585..2bbae15b 100644 --- a/src/components/Layout/Layout.tsx +++ b/src/components/Layout/Layout.tsx @@ -137,12 +137,14 @@ const Layout: Component = () => {