Enhance mobile form layout: adjust form height to occupy full screen and ensure tab wrapping for improved usability on mobile devices.

magdielcardoso · magdielcardoso · commit 89d9e1d971f7 · 2025-07-18T12:28:19.000-03:00
diff --git a/examples/mobile.html b/examples/mobile.html
@@ -108,6 +108,18 @@
                 padding: 1rem !important;
                 order: 1 !important;
             }
+
+            /* Form ocupar toda a altura da tela no mobile */
+            #app>div.flex.flex-wrap.app-wrapper.dark\:text-slate-300.dark>main>div>div>div.flex-1.overflow-auto.dark>form {
+                height: 100vh !important;
+                min-height: 100vh !important;
+            }
+
+            /* Forçar wrap na div dos tabs quando ultrapassar a tela no mobile */
+            #app>div.flex.flex-wrap.app-wrapper.dark\:text-slate-300.dark>main>div>div>div.flex-1.overflow-auto.dark>form>div.tabs-container.dark>div {
+                flex-wrap: wrap !important;
+                gap: 0.5rem !important;
+            }
         }
 
         .navbar-item-indicator {
