diff --git a/luckydiamond/src/assets/css/ComponentsStyles/chat.css b/luckydiamond/src/assets/css/ComponentsStyles/chat.css index 333f103..439118a 100644 --- a/luckydiamond/src/assets/css/ComponentsStyles/chat.css +++ b/luckydiamond/src/assets/css/ComponentsStyles/chat.css @@ -30,7 +30,16 @@ } .chat__content--users { - height: 70%; + height: 100%; + overflow-y: auto; +} + +.chat__content, .chat__content--users { + box-sizing: border-box; +} + +.chat__content--users { + margin: 0; } .card__user { @@ -39,7 +48,7 @@ } .fade-enter-active, .fade-leave-active { - transition: opacity 0.5s, transform 0.5s; + transition: opacity 0.1s, transform 0.1s; } .fade-enter, .fade-leave-to { opacity: 0; diff --git a/luckydiamond/src/assets/css/PagesStyles/home.css b/luckydiamond/src/assets/css/PagesStyles/home.css index db521ea..c94833e 100644 --- a/luckydiamond/src/assets/css/PagesStyles/home.css +++ b/luckydiamond/src/assets/css/PagesStyles/home.css @@ -308,7 +308,7 @@ } .write { position: static; - margin: 45% 87% 6% 2%; + margin: -45% 87% 6% 2%; } .write__content input { padding: 0.625em 1% 14px 0.75em; @@ -379,7 +379,7 @@ } .write { position: static; - margin: 45% 87% 6% 2%; + margin: -45% 87% 6% 2%; } .write__content input { padding: 0.625em 1% 14px 0.75em;