feat(recipe lists): Add bottom margin for improved scrolling to grid …

…and list Signed-off-by: Sebastian Fey <info@sebastianfey.de>
nextcloud · May 4, 2024 · 6c27422 · 6c27422
1 parent cc855f1
commit 6c27422
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/List/RecipesGrid.vue b/src/components/List/RecipesGrid.vue
@@ -7,7 +7,7 @@
             <div v-if="recipeObjects.length === 0">
                 <EmptyList />
             </div>
-            <div v-else>
+            <div v-else style="margin-bottom: 30vh">
                 <div v-if="showFiltersInRecipeList">
                     <RecipeFilterControlsModal
                         v-if="isMobile"

diff --git a/src/components/List/RecipesList.vue b/src/components/List/RecipesList.vue
@@ -3,7 +3,7 @@
         <div v-if="loading" class="mt-12">
             <RecipesListLoadingSkeleton :delay="800" />
         </div>
-        <div v-else>
+        <div v-else style="margin-bottom: 30vh">
             <div v-if="showFiltersInRecipeList">
                 <RecipeFilterControlsModal
                     v-model="filterControlsValue"