mirror of
https://github.com/maxdorninger/MediaManager.git
synced 2026-04-20 00:53:30 +02:00
refactor layout and improve card responsiveness in Svelte components
This commit is contained in:
@@ -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})
|
||||
|
||||
@@ -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=""
|
||||
|
||||
@@ -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>
|
||||
Reference in New Issue
Block a user