aboutsummaryrefslogtreecommitdiffstats
path: root/src/components
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2024-11-05 00:20:41 -0800
committerAdam Soltys <[email protected]>2024-11-05 00:20:41 -0800
commit69f4ccba75a0b3b4343d7fd7f910d767c62e25f9 (patch)
treeb87839db3c594b85608cabd4e4c4a01bb55fe671 /src/components
parent674de46a6a9f1b793313b5c027a34d396217ed84 (diff)
downloadcoinos-ui-69f4ccba75a0b3b4343d7fd7f910d767c62e25f9.tar.gz
coinos-ui-69f4ccba75a0b3b4343d7fd7f910d767c62e25f9.zip
dark styles
Diffstat (limited to 'src/components')
-rw-r--r--src/components/Account.svelte2
-rw-r--r--src/components/Pin.svelte8
-rw-r--r--src/components/Pinpad.svelte6
3 files changed, 7 insertions, 9 deletions
diff --git a/src/components/Account.svelte b/src/components/Account.svelte
index 45916e0b..b3bba3b1 100644
--- a/src/components/Account.svelte
+++ b/src/components/Account.svelte
@@ -15,7 +15,7 @@
<a
href={`/payments`}
- class="block space-y-2 border-black py-4"
+ class="block space-y-2 border-primary py-4"
class:border-b-8={!last}
on:click={setAccount}
>
diff --git a/src/components/Pin.svelte b/src/components/Pin.svelte
index 9ac3d754..3a8e9e84 100644
--- a/src/components/Pin.svelte
+++ b/src/components/Pin.svelte
@@ -44,11 +44,9 @@
</script>
{#if loaded}
- <div
- class="fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full z-50"
- >
+ <div class="fixed inset-0 overflow-y-auto h-full w-full z-50">
<div
- class="relative top-40 mx-auto p-5 border w-96 shadow-lg rounded-md bg-white space-y-5"
+ class="relative top-40 mx-auto p-5 border w-96 shadow-lg rounded-md bg-base-100 space-y-5"
>
<h1 class="text-center text-2xl font-semibold">{title}</h1>
<Pinpad bind:v={p} {cancel} />
@@ -73,7 +71,7 @@
<div class="w-full flex">
<button
- class="border-2 border-black rounded-xl font-semibold mx-auto py-3 w-40 hover:opacity-80 mx-auto"
+ class="border-2 border-primary rounded-xl font-semibold mx-auto py-3 w-40 hover:opacity-80 mx-auto"
on:click|preventDefault={cancel}
>
<div class="my-auto">Cancel</div>
diff --git a/src/components/Pinpad.svelte b/src/components/Pinpad.svelte
index 585a7942..f39d8e02 100644
--- a/src/components/Pinpad.svelte
+++ b/src/components/Pinpad.svelte
@@ -38,14 +38,14 @@
<div class="flex justify-center items-center">
<div class="space-y-5">
- <div class="text-5xl md:text-6xl font-semibold relative w-[300px]">
+ <div class="font-semibold relative w-[300px]">
{#if hide}
<input
on:keydown={validate}
use:focus
bind:value={v}
type="password"
- class="outline-none border-0 text-center py-0"
+ class="outline-none border-0 text-center py-0 !text-5xl"
pattern="[0-9]+"
/>
{:else}
@@ -53,7 +53,7 @@
on:keydown={validate}
use:focus
bind:value={v}
- class="outline-none border-0 text-center py-0"
+ class="outline-none border-0 text-center py-0 !text-5xl"
type="text"
pattern="[0-9]+"
/>