diff --git a/src/app/suche/page.tsx b/src/app/suche/page.tsx index e434b37..a1cef24 100644 --- a/src/app/suche/page.tsx +++ b/src/app/suche/page.tsx @@ -119,7 +119,7 @@ async function Results({ query, filter }: { query: string; filter: Filter }) { >
-

+

{item.title}

diff --git a/src/components/library/LibraryCard.tsx b/src/components/library/LibraryCard.tsx index abc50c5..057c5b7 100644 --- a/src/components/library/LibraryCard.tsx +++ b/src/components/library/LibraryCard.tsx @@ -63,7 +63,7 @@ export function LibraryCard({ item }: { item: LibraryItem }) {

-

{item.title}

+

{item.title}

{item.type === "SERIES" ? "Serie" : "Film"} {item.year ? ` · ${item.year}` : ""} @@ -74,17 +74,28 @@ export function LibraryCard({ item }: { item: LibraryItem }) { : ""}

- {showProgress && ( -
- -

- {item.watched}/{item.total} Episoden -

-
- )} +
+ {showProgress ? ( + <> + +

+ {item.watched}/{item.total} Episoden +

+ + ) : ( + // Filme und Watchlist-Einträge haben keinen Balken. Der Platz wird + // trotzdem freigehalten — sonst fallen sie kürzer aus als Serien und + // das Raster franst reihenweise aus. Der Nachbau statt einer festen + // Pixelhöhe hält sich von selbst nach, wenn sich der Balken ändert. +
+
+

 

+
+ )} +
);