diff options
| author | Murillo Pinheiro de Oliveira <[email protected]> | 2024-02-28 12:42:46 -0300 |
|---|---|---|
| committer | Murillo Pinheiro de Oliveira <[email protected]> | 2024-02-28 12:42:46 -0300 |
| commit | 907366bc11171ac5c121e9b2ccd9c0d38e634164 (patch) | |
| tree | 3cc4774ebf7b8e25a41b76a2753a2957b22787c1 /src/components | |
| parent | bd114379db9abd9d0414d9179816a23ef041ab01 (diff) | |
| download | coinos-ui-907366bc11171ac5c121e9b2ccd9c0d38e634164.tar.gz coinos-ui-907366bc11171ac5c121e9b2ccd9c0d38e634164.zip | |
update: ui
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Numpad.svelte | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/src/components/Numpad.svelte b/src/components/Numpad.svelte index 5690609c..aa109f7e 100644 --- a/src/components/Numpad.svelte +++ b/src/components/Numpad.svelte @@ -183,7 +183,7 @@ <div class="text-5xl md:text-6xl font-semibold tracking-widest flex justify-center" > - <div class="my-auto" class:text-5xl={!fiat}> + <div class="my-auto font-bebasNeue tracking-[0.2rem]" class:text-5xl={!fiat}> {fiat ? symbol : "⚡️"} </div> <div @@ -194,7 +194,7 @@ on:blur={blur} on:input={input} on:keydown={keydown} - class="outline-none my-auto" + class="outline-none my-auto font-bebasNeue tracking-[0.4rem] mt-2" /> </div> <div class="mt-2"> @@ -223,7 +223,7 @@ {#if value === arrow} <button type="button" - class="bg-gray-100 dark:bg-stone-800 rounded-xl py-4 px-8 font-semibold active:bg-black active:flex justify-center items-center hover:opacity-80" + class="bg-gray-100 dark:bg-stone-800 rounded-xl py-4 px-8 font-semibold active:bg-black dark:active:bg-stone-900 active:flex justify-center items-center hover:opacity-80" on:click={() => handleInput(value)} > <Left /> @@ -231,7 +231,7 @@ {:else} <button type="button" - class="bg-gray-100 dark:bg-stone-800 rounded-xl py-4 px-8 font-semibold active:bg-black active:text-white hover:opacity-80" + class="bg-gray-100 dark:bg-stone-800 rounded-xl py-4 px-8 font-semibold active:bg-black dark:active:bg-stone-900 active:text-white hover:opacity-80" on:click={() => handleInput(value)}>{value}</button > {/if} |
