From 4e9a3ceb8f28234cd61d620a2be05d83f1535919 Mon Sep 17 00:00:00 2001
From: jschm42 <jschm42@users.noreply.github.com>
Date: Fri, 7 Jun 2024 17:04:56 +0200
Subject: [PATCH] Layoutproblem with small displays fixed

---
 .../src/components/chat/ChatContainer.vue     |  5 -----
 frontend/src/components/chat/ChatView.vue     | 21 ++-----------------
 2 files changed, 2 insertions(+), 24 deletions(-)

diff --git a/frontend/src/components/chat/ChatContainer.vue b/frontend/src/components/chat/ChatContainer.vue
index a4071eba..2ca9595e 100644
--- a/frontend/src/components/chat/ChatContainer.vue
+++ b/frontend/src/components/chat/ChatContainer.vue
@@ -98,10 +98,5 @@ export default {
   height: 93vh;
 }
 
-@media only screen and (min-width: 993px ) {
-  .chat-container {
-    height: 98vh;
-  }
-}
 
 </style>
diff --git a/frontend/src/components/chat/ChatView.vue b/frontend/src/components/chat/ChatView.vue
index 13501ea4..06eca304 100644
--- a/frontend/src/components/chat/ChatView.vue
+++ b/frontend/src/components/chat/ChatView.vue
@@ -19,7 +19,7 @@
 
     <v-row>
       <!-- Sidebar visible on lg and higher screens -->
-      <v-col class="d-none d-md-block sidebar" cols="3" md="3" sm="4" xl="2">
+      <v-col class="sidebar" cols="3" md="3" sm="4" xl="2">
 
         <v-container class="d-flex flex-column nav-container">
           <v-row class="flex-grow-0">
@@ -46,24 +46,7 @@
 
         <!-- Add more buttons as needed -->
       </v-col>
-      <v-col>
-        <!-- Main Content -->
-        <v-row class="toolbar-header p-2 d-lg-none">
-          <v-col class="d-flex">
-            <v-toolbar
-                dark
-                image="https://cdn.vuetifyjs.com/images/backgrounds/vbanner.jpg"
-                prominent
-            >
-              <v-btn prepend-icon="mdi-arrow-left-bold-box-outline" @click.prevent="onClickBack">
-              </v-btn>
-              <v-toolbar-title>{{ assistantName }}</v-toolbar-title>
-              <v-app-bar-nav-icon @click="toggleSidebar"></v-app-bar-nav-icon>
-            </v-toolbar>
-
-          </v-col>
-        </v-row>
-
+      <v-col cols="9" md="9" sm="8" xl="10">
         <ChatContainer></ChatContainer>
       </v-col>