From 613508a48895724c02724e9134a09f564f97df5f Mon Sep 17 00:00:00 2001 From: YasinOnm08 Date: Mon, 30 Sep 2024 13:46:58 +0200 Subject: [PATCH] css progress 3 --- app/styles/container.css | 6 ------ app/styles/global.css | 9 --------- app/styles/reset.css | 1 + 3 files changed, 1 insertion(+), 15 deletions(-) diff --git a/app/styles/container.css b/app/styles/container.css index 3f094b2..f6d9c07 100644 --- a/app/styles/container.css +++ b/app/styles/container.css @@ -13,7 +13,6 @@ border-radius: 0 1em 0 0; margin-left: 0; padding-right: 1em; - height: 100%; } .left-panel.hidden { @@ -30,11 +29,6 @@ height: 100%; } -/* Adjust margin-left when panel is shown or hidden */ -.conversation-container.expanded { - margin-left: 1vw; -} - .conversation-container.collapsed { margin-left: 1vw; /* Space for the left panel */ bottom: 0; diff --git a/app/styles/global.css b/app/styles/global.css index c9754e3..cf792c3 100644 --- a/app/styles/global.css +++ b/app/styles/global.css @@ -1,4 +1,3 @@ -html, body { height: 100vh; overflow: hidden; @@ -6,9 +5,6 @@ body { } body { - display: flex; - justify-content: center; - align-items: center; background-color: var(--background-color); color: var(--text-color); font-family: var(--font-family); @@ -19,11 +15,6 @@ body { header { background-color: var(--header-background-color); color: var(--header-text-color); - padding: 1rem; /* Adjust padding as needed */ -} - -main{ - height: 100%; } button { diff --git a/app/styles/reset.css b/app/styles/reset.css index 23d8732..a77192e 100644 --- a/app/styles/reset.css +++ b/app/styles/reset.css @@ -2,4 +2,5 @@ margin: 0; padding: 0; box-sizing: border-box; + scroll-behavior: smooth; }