mobile support

2026-06-16 09:45:49 -04:00
parent 9c7d1e2c6a
commit 12a102a3ca
9 changed files with 125 additions and 24 deletions
@@ -74,8 +74,14 @@
    }

    @media (max-width: 700px) {
-      .main-content { flex-direction: column; align-items: center; }
-      .button-sidebar { flex-direction: row; }
+      .main-content { flex-direction: column; align-items: center; gap: 0.75rem; }
+      .button-sidebar { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 0.5rem; }
+      .action-btn { padding: 0.6rem 0.8rem; font-size: 0.7rem; white-space: nowrap; flex: 0 1 auto; }
+      .video-wrapper video { max-height: 40vh; object-fit: cover; }
+    }
+
+    @media (max-width: 400px) {
+      .action-btn { padding: 0.5rem 0.6rem; font-size: 0.6rem; }
    }
  </style>
 </head>