Added mobile optimization to the DataHelper styles.sass

2026-02-13 09:11:13 -06:00 · 2024-05-20 16:50:28 +02:00
parent 72634efad7
commit 54b6933fee
1 changed files with 16 additions and 1 deletions
--- a/client/src/common/components/WelcomeDialog/steps/DataHelper/styles.sass
+++ b/client/src/common/components/WelcomeDialog/steps/DataHelper/styles.sass
@@ -42,4 +42,19 @@

        .speed-text p
          margin: 0
-          color: $subtext
+          color: $subtext
+
+
+@media screen and (max-width: 600px)
+  .data-helper .speeds
+    flex-direction: column
+    gap: 1rem
+    margin-top: 0.5rem
+
+    .speed
+      width: 100%
+      flex-direction: row
+      justify-content: space-between
+
+      input
+        width: 50%