starred/pocket-id-pocket-id
1
0
Fork 0
mirror of https://github.com/pocket-id/pocket-id.git synced 2025-12-06 05:12:57 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: my apps card shouldn't take full width if only one item exists

Browse Source
This commit is contained in:
Elias Schneider
2025-09-18 21:55:43 +02:00
parent 02249491f8
commit e7e53a8b8c
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/routes/settings/apps/authorized-oidc-client-card.svelte
View File

@@ -31,7 +31,7 @@
</script>
<Card.Root
class="border-muted group relative h-[140px] p-5 transition-all duration-200 hover:shadow-md"
class="border-muted group relative h-[140px] p-5 transition-all duration-200 hover:shadow-md sm:max-w-[50vw] md:max-w-[400px]"
data-testid="authorized-oidc-client-card"
>
<Card.Content class=" p-0">
@@ -49,14 +49,14 @@
<div>
<div class="mb-1 flex items-start gap-2">
<h3
class="text-foreground line-clamp-2 text-ellipsis break-words break-all font-semibold leading-tight"
class="text-foreground line-clamp-2 leading-tight font-semibold break-words break-all text-ellipsis"
>
{client.name}
</h3>
</div>
{#if client.launchURL}
<p
class="text-muted-foreground line-clamp-1 text-ellipsis break-words break-all text-xs"
class="text-muted-foreground line-clamp-1 text-xs break-words break-all text-ellipsis"
>
{new URL(client.launchURL).hostname}
</p>