start message to bottom

2023-04-02 17:39:04 +02:00
parent 6ea0d4e02e
commit 833eacc91d
2 changed files with 4 additions and 3 deletions
--- a/front/src/views/room/RoomView.vue
+++ b/front/src/views/room/RoomView.vue
@@ -29,7 +29,7 @@ onBeforeRouteUpdate(async (to, from) => {

 <template>
    <div id="main">
-        <Header :room="room"></Header>
+        <Header :id="id"></Header>
        <div id="RoomViewBody">
            <div class="content">
                <Message v-for="(message, index) in store.getters.messages(id)" :key="index" :data="message" />
@@ -64,7 +64,7 @@ onBeforeRouteUpdate(async (to, from) => {

 .content {
    display: flex;
-    flex-direction: column;
+    flex-direction: column-reverse;
    overflow: auto;
    margin-bottom: 100px;
 }