diff options
| author | Adam Soltys <[email protected]> | 2023-11-16 07:41:21 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-11-16 07:41:21 -0800 |
| commit | 46520607897855f02f03b53c5e4ab09c0de162d9 (patch) | |
| tree | b2264693d584da235d26721f59cbdda4da782da0 | |
| parent | 0581e2a0b080120a9f7445c3f97805ff6a0dc272 (diff) | |
| download | coinos-ui-46520607897855f02f03b53c5e4ab09c0de162d9.tar.gz coinos-ui-46520607897855f02f03b53c5e4ab09c0de162d9.zip | |
tighten up register page
| -rw-r--r-- | src/routes/(app)/register/+page.svelte | 18 |
1 files changed, 8 insertions, 10 deletions
diff --git a/src/routes/(app)/register/+page.svelte b/src/routes/(app)/register/+page.svelte index e7aa475f..215c93d6 100644 --- a/src/routes/(app)/register/+page.svelte +++ b/src/routes/(app)/register/+page.svelte @@ -125,18 +125,16 @@ <Pin bind:value={token} title="Enter 2FA Code" {cancel} notify={false} /> {/if} -<div class="pt-10"> - <div class="w-[243px] mx-auto mb-10"> +<div class="pt-4"> + <div class="w-[243px] mx-auto"> <a href="/"> <Icon icon="logo" /> </a> </div> <div class="flex justify-center items-center"> - <div class="shadow-xl rounded-3xl p-10 pb-12 space-y-5 w-full mx-5 md:mx-0 md:w-[400px]"> - <h1 class="text-2xl font-bold text-center">{$t('login.register')}</h1> - - <input + <div class="shadow-xl rounded-3xl p-4 pt-0 space-y-5 w-full mx-5 md:mx-0 md:w-[400px]"> + <inpue type="file" class="hidden" bind:this={avatarInput} @@ -144,12 +142,12 @@ /> <div class="relative"> - <button class="absolute w-8 h-12 left-8 bg-white rounded top-12" on:click={decr}> + <button class="absolute w-8 h-12 left-12 bg-white rounded top-12" on:click={decr}> <Icon icon="chevron-left" style="w-8 " /> </button> - <div class="relative w-36 mx-auto" on:click={selectAvatar}> + <div class="relative w-32 mx-auto" on:click={selectAvatar}> <button - class="w-36 h-36 rounded-full border-4 border-white overflow-hidden flex mx-auto relative" + class="w-32 h-32 rounded-full border-4 border-white overflow-hidden flex mx-auto relative" > <img {src} @@ -163,7 +161,7 @@ <Icon icon="upload" style="w-8" /> </button> </div> - <button class="absolute w-8 h-12 right-8 bg-white rounded top-12" on:click={incr}> + <button class="absolute w-8 h-12 right-12 bg-white rounded top-12" on:click={incr}> <Icon icon="chevron-left" style="w-8 rotate-180" /> </button> </div> |