diff --git a/src/pages/chat-popout.css b/src/pages/chat-popout.css index beadaca..b6415df 100644 --- a/src/pages/chat-popout.css +++ b/src/pages/chat-popout.css @@ -1,18 +1,22 @@ .popout-chat { - grid-area: main-content; + display: grid; + grid-template-areas: + "main-content"; + grid-template-rows: 1fr; + grid-template-columns: 1fr; + height: 100vh; + gap: 0; } .popout-chat .live-chat { + padding: 8px 16px; + width: 100vw; + height: calc(100vh - 32px); margin-left: 0; -} - -.popout-chat .live-chat { - height: calc(100vh); - padding: 10px; - border: unset; - border-radius: unset; + border: unset; + border-radius: unset; } .popout-chat .live-chat .messages { - overflow: hidden; + overflow: hidden; } diff --git a/src/pages/layout.css b/src/pages/layout.css index 170436d..321ad6a 100644 --- a/src/pages/layout.css +++ b/src/pages/layout.css @@ -154,22 +154,6 @@ button span.hide-on-mobile { } } -.popout-chat { - display: grid; - grid-template-areas: - "main-content"; - grid-template-rows: 1fr; - grid-template-columns: 1fr; - height: 100vh; - gap: 0; -} - -.popout-chat .live-chat { - padding: 8px 16px; - height: 100vh; - width: 100vw; -} - .dialog-overlay { background-color: rgba(0, 0, 0, 0.8); position: fixed;