apply media queries on footer component

wmde · Feb 2, 2024 · f1d5101 · f1d5101
1 parent bf617dd
commit f1d5101
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/resources/js/Components/WikidataToolFooter.vue b/resources/js/Components/WikidataToolFooter.vue
@@ -90,18 +90,26 @@ withDefaults(defineProps<{
             margin-block-start: var(--dimension-layout-xxsmall);
         }
 
-        @media (min-width: $width-breakpoint-tablet) {
+        @media(min-width: $min-width-breakpoint-mobile) {
+            padding: var(--dimension-layout-xsmall);
+        }
+
+        @media (min-width: $min-width-breakpoint-tablet) {
             flex-direction: row;
             padding: var(--dimension-layout-small);
 
             section {
                 margin-inline-end: var(--dimension-layout-large);
             }
 
-            section + section {
+            section+section {
                 margin-block-start: 0;
             }
         }
+
+        @media(min-width: $min-width-breakpoint-desktop) {
+            padding: var(--dimension-layout-medium);
+        }
     }
 }
 </style>