Mobile responsive thanks ai slop

2026-06-10 17:47:15 +02:00
parent 3f88315fef
commit 2cdc857b9a
14 changed files with 233 additions and 105 deletions
--- a/frontend/app/components/parts/HeaderLinks.vue
+++ b/frontend/app/components/parts/HeaderLinks.vue
@@ -115,11 +115,24 @@ function getToPath(targetKey: string): string {
  .tui-tab {
      padding: 3px 5px;
      font-size: 0.7rem;
-      
+
      .tab-sep {
          margin-right: 3px;
      }
  }
 }

+@media screen and (max-width: 480px) {
+    .tui-tabs {
+        flex-wrap: wrap;
+    }
+
+    .tui-tab {
+        flex: 1;
+        justify-content: center;
+        min-height: 36px;
+        padding: 6px 8px;
+    }
+}
+
 </style>