sendnrw/pocket-id
2
0
Fork 0
mirror of https://github.com/pocket-id/pocket-id.git synced 2026-03-30 11:16:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: improve spacing on auth screens

Browse Source
This commit is contained in:
Elias Schneider
2025-06-03 21:09:32 +02:00
parent eb9b6433ae
commit 04fcf1110e
3 changed files with 75 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/routes/device/+page.svelte
View File

@@ -89,7 +89,7 @@
{:else if success}
<p class="text-muted-foreground mt-2">{m.the_device_has_been_authorized()}</p>
{:else if authorizationRequired}
<div transition:slide={{ duration: 300 }}>
<div class="w-full max-w-[450px]" transition:slide={{ duration: 300 }}>
<Card.Root class="mt-6">
<Card.Header class="pb-5">
<p class="text-muted-foreground text-start">
@@ -110,14 +110,14 @@
</form>
{/if}
{#if !success}
<div class="mt-10 flex w-full justify-stretch gap-2">
<Button href="/" class="w-full" variant="secondary">{m.cancel()}</Button>
<div class="mt-10 flex w-full max-w-[450px] gap-2">
<Button href="/" class="flex-1" variant="secondary">{m.cancel()}</Button>
{#if !errorMessage}
<Button form="device-code-form" class="w-full" onclick={authorize} {isLoading}
<Button form="device-code-form" class="flex-1" onclick={authorize} {isLoading}
>{m.authorize()}</Button
>
{:else}
<Button class="w-full" onclick={() => (errorMessage = null)}>{m.try_again()}</Button>
<Button class="flex-1" onclick={() => (errorMessage = null)}>{m.try_again()}</Button>
{/if}
</div>
{/if}