diff --git a/src/components/Layout/Layout.module.scss b/src/components/Layout/Layout.module.scss index 52bab13..f7999be 100644 --- a/src/components/Layout/Layout.module.scss +++ b/src/components/Layout/Layout.module.scss @@ -95,14 +95,14 @@ >div { position: fixed; - width: var(--left-col-w); + width: var(--right-col-w); display: grid; grid-template-rows: var(--header-height) 1fr 82px; height: 100%; border-left: 1px solid var(--devider); } - &.messagesHeader { + &.messagesColumn { >div { border-left: none; } @@ -110,6 +110,7 @@ } .messagesSearch { + width: calc(var(--right-col-w) + 8px); border-right: 1px solid var(--devider); } @@ -135,6 +136,14 @@ height: 52px; } } + + &.messagesHeader { + width: calc(var(--right-col-w) + 8px); + + >div { + width: calc(var(--right-col-w) + 8px); + } + } } .rightContent { diff --git a/src/components/Layout/Layout.tsx b/src/components/Layout/Layout.tsx index 98769ba..f55f0d7 100644 --- a/src/components/Layout/Layout.tsx +++ b/src/components/Layout/Layout.tsx @@ -136,9 +136,9 @@ const Layout: Component = () => { -