fix: avoid horizontal scrolling on small viewports

intranda · Jan 24, 2025 · 1388b67 · 1388b67
1 parent da5ea06
commit 1388b67
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/main/webapp/uii/templatePG/css/src/components/_footer.scss b/src/main/webapp/uii/templatePG/css/src/components/_footer.scss
@@ -2,7 +2,7 @@
     --footer-text: var(--clr-white);
     --footer-bg: var(--clr-neutral-600);
     background: var(--footer-bg);
-    display: flex;
+    display: none;
     color: var(--footer-text);
     gap: 1rem;
     justify-content: flex-start;
@@ -12,6 +12,12 @@
     width: 100%;
 }
 
+@media screen and (min-width: 500px) {
+    .footer {
+        display: flex;
+    }
+}
+
 .footer-text {
     align-items: center;
     color: var(--footer-text);