Fix height issues

Author: Rad14nt

client/src/components/layout/base/BaseLayout.vue

@@ -35,6 +35,7 @@
                 elevation="1"
                 :style="{
                     borderRadius: '14px',
+                    minHeight: 0,
                     minWidth: 0,
                 }"
             >

client/src/components/layout/pages/BasicSettingsPage.vue

@@ -1,7 +1,7 @@
 <template>
-    <div class="fill-height d-flex flex-column">
-        <v-row class="flex-grow-0 flex-shrink-0">
-            <v-col>
+    <div class="fill-height d-flex flex-column overflow-hidden">
+        <v-row class="flex-grow-0 flex-shrink-0" no-gutters>
+            <v-col class="pa-3">
                 <div
                     class="text-white text-h5 font-weight-black ml-10 mt-5"
                     data-testid="settings-title"
@@ -10,18 +10,22 @@
                 </div>
             </v-col>
         </v-row>
-        <v-row>
+        <v-row
+            class="flex-1-1-0 overflow-hidden"
+            no-gutters
+            :style="{ minHeight: 0 }"
+        >
             <!--- Left Settings -->
-            <v-col cols="3">
+            <v-col cols="3" class="h-100 overflow-y-auto pa-3">
                 <SettingsNavigation />
             </v-col>
 
             <!--- Right side white panel -->
-            <v-col cols="9" class="fill-height overflow-y-auto">
+            <v-col cols="9" class="h-100 overflow-hidden pa-3">
                 <v-card
                     elevation="4"
                     rounded="lg"
-                    class="fill-height overflow-y-auto mr-16"
+                    class="h-100 overflow-y-auto mr-16"
                 >
                     <v-row>
                         <v-col class="pt-8 pl-12">

client/src/pages/(app)/certificate/index.vue

@@ -26,45 +26,39 @@
         </template>
 
         <template #PanelMain>
-            <v-col>
-                <SearchBar
-                    v-model="searchInputValue"
-                    search-text="certificates.filters.searchField"
-                    :filter-sections="[]"
-                    :filter-values="{}"
+            <SearchBar
+                v-model="searchInputValue"
+                search-text="certificates.filters.searchField"
+                :filter-sections="[]"
+                :filter-values="{}"
+                :data-test-id="dataTestId"
+                dense
+                @search="onSearch"
+                @clear="onClearSearch"
+                @clear-filters="onClearSearch"
+            />
+
+            <div v-if="deleteError">
+                {{ deleteError }}
+            </div>
+            <LoadingFallbackComponent
+                :loading="false"
+                :errors="error ? [error] : []"
+            >
+                <EntityTable
+                    :headers="certificatesTableHeaders"
+                    :items="tableData?.content ?? []"
+                    :page-count="pageCount"
+                    :items-per-page="options.itemsPerPage"
+                    :options="options"
+                    :loading="loading || deleteLoading"
+                    :cell-formatters="cellFormatters"
+                    :actions="tableActions"
                     :data-test-id="dataTestId"
-                    dense
-                    @search="onSearch"
-                    @clear="onClearSearch"
-                    @clear-filters="onClearSearch"
+                    item-key="alias"
+                    @update:options="loadItems"
                 />
-
-                <v-row>
-                    <v-col>
-                        <div v-if="deleteError">
-                            {{ deleteError }}
-                        </div>
-                        <LoadingFallbackComponent
-                            :loading="false"
-                            :errors="error ? [error] : []"
-                        >
-                            <EntityTable
-                                :headers="certificatesTableHeaders"
-                                :items="tableData?.content ?? []"
-                                :page-count="pageCount"
-                                :items-per-page="options.itemsPerPage"
-                                :options="options"
-                                :loading="loading || deleteLoading"
-                                :cell-formatters="cellFormatters"
-                                :actions="tableActions"
-                                :data-test-id="dataTestId"
-                                item-key="alias"
-                                @update:options="loadItems"
-                            />
-                        </LoadingFallbackComponent>
-                    </v-col>
-                </v-row>
-            </v-col>
+            </LoadingFallbackComponent>
         </template>
     </BasicSettingsPage>