Layoutproblem with small displays fixed

jschm42 · Jun 7, 2024 · 4e9a3ce · 4e9a3ce
1 parent 3186c92
commit 4e9a3ce
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 24 deletions.
diff --git 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
@@ -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>