diff options
| author | Adam Soltys <[email protected]> | 2023-09-21 15:17:00 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-09-21 15:17:00 -0700 |
| commit | 2cd4d9105cb94e84913c51167bd57d0baabec5e1 (patch) | |
| tree | e24651f7ccec7982537d71d08b41aa434b4886a9 /src | |
| parent | 0fc21acf8ba14a3f5e306c9829573f3ac7d0e05f (diff) | |
| download | coinos-ui-2cd4d9105cb94e84913c51167bd57d0baabec5e1.tar.gz coinos-ui-2cd4d9105cb94e84913c51167bd57d0baabec5e1.zip | |
fix input fields
Diffstat (limited to 'src')
| -rw-r--r-- | src/app.css | 2 | ||||
| -rw-r--r-- | src/components/RegisterOrLogin.svelte | 3 | ||||
| -rw-r--r-- | src/routes/(app)/[username]/(profile)/+page.svelte | 72 |
3 files changed, 20 insertions, 57 deletions
diff --git a/src/app.css b/src/app.css index 63e5c767..c04278d0 100644 --- a/src/app.css +++ b/src/app.css @@ -30,7 +30,7 @@ html { input, textarea { - @apply block border rounded-2xl px-5 py-4 w-full text-white font-bold; + @apply block border rounded-2xl px-5 py-4 w-full; } button.primary { diff --git a/src/components/RegisterOrLogin.svelte b/src/components/RegisterOrLogin.svelte index d8475340..afe85db5 100644 --- a/src/components/RegisterOrLogin.svelte +++ b/src/components/RegisterOrLogin.svelte @@ -97,7 +97,6 @@ name="username" type="text" required - class="bg-primary" bind:value={username} use:focus autocapitalize="none" @@ -111,7 +110,6 @@ name="password" type="text" required - class="bg-primary" bind:value={$password} autocapitalize="none" /> @@ -120,7 +118,6 @@ name="password" type="password" required - class="bg-primary" bind:value={$password} autocapitalize="none" /> diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte index 78465d73..798509ed 100644 --- a/src/routes/(app)/[username]/(profile)/+page.svelte +++ b/src/routes/(app)/[username]/(profile)/+page.svelte @@ -84,64 +84,29 @@ <div class="flex justify-center lg:justify-start mb-8"> <Balance {user} /> </div> - <div class="space-y-8 mt-8"> - {#if !user.balance} + <div class="space-y-8 mt-8"> + {#if !user.balance} <p class="text-secondary text-lg"> {$t('user.welcome')} </p> - {/if} - - <div class="flex gap-4 justify-center w-full"> - <a href={`/${user.username}/receive`}> - <button - class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60 bg-black text-white" - > - <div class="mx-auto flex"> - <Icon icon="numpad" style="my-auto h-6 mr-2 invert" /> - <div class="my-auto mt-1">Request Payment</div> - </div> - </button> - </a> - - <a href={`/buy`}> - <button class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60 bg-black text-white"> - <div class="mx-auto flex"> - <!-- <Icon icon="plus" style="my-auto h-6 mr-2" /> --> - - <img - src="/images/bitcoin.svg" - class="w-8 border-4 border-transparent mr-2" - alt="Bitcoin" - /> - <div class="my-auto mt-1">Buy Bitcoin</div> - </div> - </button> - </a> - </div> - </div> - {/if} + {/if} - <div class="flex flex-wrap gap-4 justify-center w-full"> - <a href={`/${user.username}/receive`} class="w-full md:w-60"> - <button class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-full md:w-60"> - <div class="mx-auto flex"> - <Icon icon="numpad" style="my-auto h-6 mr-2" /> - <div class="my-auto mt-1">{$t('user.requestPayment')}</div> - </div> - </button> - </a> - <a href={`/scan`} class="w-full md:w-60"> - <button class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-full md:w-60"> - <div class="mx-auto flex"> - <Icon icon="scan" style="my-auto h-6 mr-2" /> - <div class="my-auto mt-1">{$t('user.send.scan')}</div> - </div> - </button> - </a> + <div class="flex gap-4 justify-center w-full"> + <a href={`/${user.username}/receive`}> + <button + class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60 bg-black text-white" + > + <div class="mx-auto flex"> + <Icon icon="numpad" style="my-auto h-6 mr-2 invert" /> + <div class="my-auto mt-1">Request Payment</div> + </div> + </button> + </a> - {#if user.eligible} <a href={`/buy`}> - <button class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60"> + <button + class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60 bg-black text-white" + > <div class="mx-auto flex"> <!-- <Icon icon="plus" style="my-auto h-6 mr-2" /> --> @@ -154,8 +119,9 @@ </div> </button> </a> - {/if} + </div> </div> + </div> {/if} |