mirror of
https://github.com/pocket-id/pocket-id.git
synced 2026-07-15 21:48:13 +03:00
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:
@@ -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" />
|
||||
|
||||
@@ -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" />
|
||||
|
||||
@@ -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" />
|
||||
|
||||
@@ -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)}>
|
||||
|
||||
Reference in New Issue
Block a user