fix: add responsive css for api/user/group/client page add buttons (#1508)

Co-authored-by: james <james@goldfish.net>
Co-authored-by: Elias Schneider <login@eliasschneider.com>
This commit is contained in:
James18232
2026-06-16 17:35:30 +10:00
committed by GitHub
parent 6c1d45e021
commit 9d4b621caa
4 changed files with 8 additions and 8 deletions

View File

@@ -36,7 +36,7 @@
<Card.Root>
<Card.Header>
<div class="flex items-center justify-between">
<div class="flex flex-wrap items-center justify-between md:flex-nowrap gap-4">
<div>
<Card.Title>
<ShieldPlus class="text-primary/80 size-5" />
@@ -47,7 +47,7 @@
>
</div>
{#if !expandAddApiKey}
<Button onclick={() => (expandAddApiKey = true)}>{m.add_api_key()}</Button>
<Button class="w-full md:w-auto" onclick={() => (expandAddApiKey = true)}>{m.add_api_key()}</Button>
{:else}
<Button class="h-8 p-3" variant="ghost" onclick={() => (expandAddApiKey = false)}>
<LucideMinus class="size-5" />

View File

@@ -49,7 +49,7 @@
<div>
<Card.Root>
<Card.Header>
<div class="flex items-center justify-between">
<div class="flex flex-wrap items-center justify-between md:flex-nowrap gap-4">
<div>
<Card.Title>
<ShieldPlus class="text-primary/80 size-5" />
@@ -62,7 +62,7 @@
>
</div>
{#if !expandAddClient}
<Button onclick={() => (expandAddClient = true)}>{m.add_oidc_client()}</Button>
<Button class="w-full md:w-auto" onclick={() => (expandAddClient = true)}>{m.add_oidc_client()}</Button>
{:else}
<Button class="h-8 p-3" variant="ghost" onclick={() => (expandAddClient = false)}>
<LucideMinus class="size-5" />

View File

@@ -39,7 +39,7 @@
<div>
<Card.Root>
<Card.Header>
<div class="flex items-center justify-between">
<div class="flex flex-wrap items-center justify-between md:flex-nowrap gap-4">
<div>
<Card.Title>
<UserPlus class="text-primary/80 size-5" />
@@ -49,7 +49,7 @@
>
</div>
{#if !expandAddUserGroup}
<Button onclick={() => (expandAddUserGroup = true)}>{m.add_group()}</Button>
<Button class="w-full md:w-auto" onclick={() => (expandAddUserGroup = true)}>{m.add_group()}</Button>
{:else}
<Button class="h-8 p-3" variant="ghost" onclick={() => (expandAddUserGroup = false)}>
<LucideMinus class="size-5" />

View File

@@ -48,7 +48,7 @@
<div>
<Card.Root>
<Card.Header>
<div class="flex items-center justify-between">
<div class="flex flex-wrap items-center justify-between md:flex-nowrap gap-4">
<div>
<Card.Title>
<UserPlus class="text-primary/80 size-5" />
@@ -82,7 +82,7 @@
</DropdownButton.Content>
</DropdownButton.DropdownRoot>
{:else}
<Button onclick={() => (expandAddUser = true)}>{m.add_user()}</Button>
<Button class="w-full md:w-auto" onclick={() => (expandAddUser = true)}>{m.add_user()}</Button>
{/if}
{:else}
<Button class="h-8 p-3" variant="ghost" onclick={() => (expandAddUser = false)}>