refactor layout and improve card responsiveness in Svelte components

This commit is contained in:
maxDorninger
2025-06-09 00:12:42 +02:00
parent deb51570a2
commit d3d83b31ff
5 changed files with 8 additions and 7 deletions

View File

@@ -33,9 +33,9 @@
}
</script>
<Card.Root class="h-full max-w-sm">
<Card.Root class="h-full overflow-x-hidden col-span-full">
<Card.Header>
<Card.Title class="flex h-12 items-center overflow-hidden leading-tight">
<Card.Title class="flex h-12 items-center leading-tight">
{result.name}
{#if result.year != null}
({result.year})

View File

@@ -124,7 +124,7 @@
{request.authorized_by?.email ?? 'N/A'}
</Table.Cell>
<!-- TODO: ADD DIALOGUE TO MODIFY REQUEST -->
<Table.Cell class="flex flex-col items-center gap-1">
<Table.Cell class="flex flex-col max-w-[150px] gap-1">
{#if user().is_superuser}
<Button
class=""

View File

@@ -18,7 +18,7 @@
/>
<img
alt="{getFullyQualifiedShowName(show)}'s Poster Image"
class="aspect-9/16 center h-auto max-w-full rounded-lg object-cover"
class="aspect-9/16 center h-auto w-full rounded-lg object-cover"
src="{apiUrl}/static/image/{show.id}.jpeg"
/>
</picture>