Fix grid margins on phones

2024-12-06 19:26:36 +01:00 · 2022-01-01 11:42:17 +05:30
parent f5422cb9dc
commit 2465dc50f0
1 changed files with 5 additions and 1 deletions
@@ -1,5 +1,5 @@
 <template>
-    <div :class="$vuetify.breakpoint.mdAndUp ? 'grid' : undefined">
+    <div :class="$vuetify.breakpoint.mdAndUp ? 'grid' : 'grid-mobile'">
        <slot />
    </div>
 </template>
@@ -21,6 +21,10 @@ export default {
    grid-gap: 16px;
 }

+.grid-mobile * {
+    margin-bottom: 8px;
+}
+
 .grid-col {
    max-width: 100%;
 }