update

2026-09-16 17:55:23 +02:00
parent cb78225e86
commit b42cf64782
13 changed files with 387 additions and 57 deletions
--- a/frontend/src/components/MovieCard.vue
+++ b/frontend/src/components/MovieCard.vue
@@ -259,6 +259,34 @@ h2 {
  overflow: hidden;
 }

+/* Schmal und kompakt: nur Poster, Titel und Jahr */
+@media (max-width: 640px) {
+  .card.kompakt .body {
+    gap: 0.2rem;
+    padding: 0.5rem;
+  }
+
+  .card.kompakt h2 {
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    min-height: calc(2 * 1.25em);
+    font-size: 0.82rem;
+    line-height: 1.25;
+  }
+
+  .card.kompakt .meta {
+    font-size: 0.72rem;
+  }
+
+  .card.kompakt .teaser {
+    display: none;
+  }
+
+  .rating {
+    font-size: 0.72rem;
+  }
+}
+
 /* Schmal: Cover und Text nebeneinander, die Bilder in einer Reihe darunter */
@media (max-width: 700px) {
  .card.details {