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/pages/art/index.vue
+++ b/frontend/app/pages/art/index.vue
@@ -248,18 +248,25 @@ const displayedArt = computed(() => {
  }
 }

-@media (max-width: 640px) {
+@media (max-width: 600px) {
  .section-title {
    font-size: 1rem;
  }
-  
+
  .grid {
-      grid-template-columns: repeat(1, minmax(200px, 1fr));
+      grid-template-columns: 1fr;
      padding: 16px 0;
  }
-  
+
  .selector {
-      height: 180px;
+      height: 200px;
+  }
+}
+
+@media (max-width: 400px) {
+  .section-title {
+    font-size: 1rem;
+    padding-left: 0;
  }
 }
 </style>