summaryrefslogtreecommitdiffstatshomepage
diff options
context:
space:
mode:
authorWolfgang Müller2025-02-13 18:02:13 +0100
committerWolfgang Müller2025-02-13 18:02:13 +0100
commit6b55cf86c40cab959be942caa642d67cc1b45668 (patch)
tree77da2c8c7d8b8a42c2aa1ed3abd5bffe64a87042
parentdc4db405d2991d3ec6a114f3b08d3fccd057d3ee (diff)
downloadhircine-6b55cf86c40cab959be942caa642d67cc1b45668.tar.gz
frontend: Remove ellipsis prop in Card
This makes Archive card styling consistent with Comic cards.
-rw-r--r--frontend/src/lib/components/Card.svelte8
-rw-r--r--frontend/src/routes/archives/+page.svelte7
2 files changed, 2 insertions, 13 deletions
diff --git a/frontend/src/lib/components/Card.svelte b/frontend/src/lib/components/Card.svelte
index 21181dc..45e1662 100644
--- a/frontend/src/lib/components/Card.svelte
+++ b/frontend/src/lib/components/Card.svelte
@@ -31,7 +31,6 @@
details: CardDetails;
compact?: boolean;
coverOnly?: boolean;
- ellipsis?: boolean;
overlay?: Snippet;
children?: Snippet;
onclick?: (event: MouseEvent) => void;
@@ -42,7 +41,6 @@
details,
compact = false,
coverOnly = false,
- ellipsis = true,
overlay,
children,
onclick
@@ -70,11 +68,7 @@
{#if !coverOnly}
<article class="flex h-full flex-col gap-2 p-2">
<header>
- <h2
- class:ellipsis-nowrap={ellipsis}
- class="self-center text-sm font-medium [grid-area:title]"
- title={details.title}
- >
+ <h2 class="self-center text-sm font-medium [grid-area:title]" title={details.title}>
{details.title}
</h2>
{#if details.subtitle}
diff --git a/frontend/src/routes/archives/+page.svelte b/frontend/src/routes/archives/+page.svelte
index 3fc4ed4..b75c140 100644
--- a/frontend/src/routes/archives/+page.svelte
+++ b/frontend/src/routes/archives/+page.svelte
@@ -82,12 +82,7 @@
{#each archives.edges as { id, name, cover, size, pageCount }, index (id)}
<Selectable {index} {id}>
{#snippet children({ onclick, selected })}
- <Card
- ellipsis={false}
- href={id.toString()}
- details={{ title: name, cover }}
- {onclick}
- >
+ <Card href={id.toString()} details={{ title: name, cover }} {onclick}>
{#snippet overlay()}
<SelectionOverlay position="left" {selected} />
{/snippet}