starred/pocket-id-pocket-id
1
0
Fork 0
mirror of https://github.com/pocket-id/pocket-id.git synced 2025-12-07 22:02: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> </script>
<Card.Root <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" data-testid="authorized-oidc-client-card"
> >
<Card.Content class=" p-0"> <Card.Content class=" p-0">
@@ -49,14 +49,14 @@
<div> <div>
<div class="mb-1 flex items-start gap-2"> <div class="mb-1 flex items-start gap-2">
<h3 <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} {client.name}
</h3> </h3>
</div> </div>
{#if client.launchURL} {#if client.launchURL}
<p <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} {new URL(client.launchURL).hostname}
</p> </p>