fix: adjust layout for CollectionInfoDrawer and improve Gallery view …

…structure
rommapp · Feb 4, 2025 · 1089217 · 1089217
1 parent cb54ee3
commit 1089217
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/frontend/src/components/Gallery/AppBar/Collection/CollectionInfoDrawer.vue b/frontend/src/components/Gallery/AppBar/Collection/CollectionInfoDrawer.vue
@@ -369,10 +369,10 @@ async function updateCollection() {
   z-index: 1;
 }
 .drawer-desktop {
-  top: 54px !important;
+  top: 56px !important;
 }
 .drawer-mobile {
-  top: 114px !important;
+  top: 110px !important;
   width: calc(100% - 16px) !important;
 }
 </style>
diff --git a/frontend/src/views/Gallery/Collection.vue b/frontend/src/views/Gallery/Collection.vue
@@ -336,8 +336,10 @@ onBeforeUnmount(() => {
       </v-row>
 
       <!-- Gallery list view -->
-      <v-row v-show="currentView == 2" no-gutters>
-        <game-data-table />
+      <v-row class="h-100" v-show="currentView == 2" no-gutters>
+        <v-col class="h-100 pt-4 pb-2">
+          <game-data-table class="h-100 mx-2" />
+        </v-col>
       </v-row>
       <fab-overlay />
     </template>

diff --git a/frontend/src/views/Gallery/Search.vue b/frontend/src/views/Gallery/Search.vue
@@ -230,8 +230,10 @@ onBeforeUnmount(() => {
     </v-row>
 
     <!-- Gallery list view -->
-    <v-row v-show="currentView == 2" no-gutters>
-      <game-data-table />
+    <v-row class="h-100" v-show="currentView == 2" no-gutters>
+      <v-col class="h-100 pt-4 pb-2">
+        <game-data-table class="h-100 mx-2" />
+      </v-col>
     </v-row>
     <fab-overlay />
   </template>