aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/Pin.svelte
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2024-11-05 13:31:53 -0800
committerAdam Soltys <[email protected]>2024-11-05 13:31:53 -0800
commite3afaf16b32558ac2ac407777760e462b4896a92 (patch)
treeca32d28511b599a0f4e94a9ea3d39b31417650bf /src/components/Pin.svelte
parent69f4ccba75a0b3b4343d7fd7f910d767c62e25f9 (diff)
downloadcoinos-ui-e3afaf16b32558ac2ac407777760e462b4896a92.tar.gz
coinos-ui-e3afaf16b32558ac2ac407777760e462b4896a92.zip
dark styles
Diffstat (limited to 'src/components/Pin.svelte')
-rw-r--r--src/components/Pin.svelte13
1 files changed, 6 insertions, 7 deletions
diff --git a/src/components/Pin.svelte b/src/components/Pin.svelte
index 3a8e9e84..fb17c612 100644
--- a/src/components/Pin.svelte
+++ b/src/components/Pin.svelte
@@ -44,9 +44,12 @@
</script>
{#if loaded}
- <div class="fixed inset-0 overflow-y-auto h-full w-full z-50">
+ <div
+ class="fixed bg-base-100 bg-opacity-90 inset-0 h-full w-full z-50 cursor-default"
+ on:click|preventDefault
+ >
<div
- class="relative top-40 mx-auto p-5 border w-96 shadow-lg rounded-md bg-base-100 space-y-5"
+ class="mx-auto p-5 border shadow-lg rounded-md bg-base-100 space-y-5 max-w-lg"
>
<h1 class="text-center text-2xl font-semibold">{title}</h1>
<Pinpad bind:v={p} {cancel} />
@@ -57,7 +60,6 @@
>
<select
name="locktime"
- class="select-styles block py-3 w-full"
bind:value={locktime}
>
<option value={30}>30 {$t("user.settings.seconds")}</option>
@@ -70,10 +72,7 @@
</div>
<div class="w-full flex">
- <button
- class="border-2 border-primary rounded-xl font-semibold mx-auto py-3 w-40 hover:opacity-80 mx-auto"
- on:click|preventDefault={cancel}
- >
+ <button class="btn" on:click|preventDefault={cancel}>
<div class="my-auto">Cancel</div>
</button>
</div>