Make only messages scroll

2026-03-13 16:25:34 +00:00
parent 36aa7ed907
commit 887d23af5b
2 changed files with 3 additions and 3 deletions
--- a/nginx/vue/src/components/util/Chat.vue
+++ b/nginx/vue/src/components/util/Chat.vue
@@ -80,9 +80,9 @@ onUnmounted(() => {
 </script>

 <template>
-    <div class="flex-col flex">
+    <div class="flex-col flex h-full overflow-hidden">
        <Header>Chat</Header>
-        <div class="flex-col flex flex-1">
+        <div class="flex-col flex min-h-0 flex-1">
            <div
                ref="messagesContainer"
                class="flex flex-col flex-1 overflow-y-auto p-2"
--- a/nginx/vue/src/views/home/Home.vue
+++ b/nginx/vue/src/views/home/Home.vue
@@ -31,7 +31,7 @@ import Consumption from "./Consumption.vue";
                <div
                    class="flex flex-col background-children border-children gap-2"
                >
-                    <Chat class="h-306 overflow-y-scroll" />
+                    <Chat class="h-306" />
                </div>
                <div>
                    <Miku class="border-tertiary border bg-bg_secondary" />