diff options
| author | Adam Soltys <[email protected]> | 2023-11-16 00:21:08 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-11-16 00:21:08 -0800 |
| commit | 5a13331a525fa298c1b7435db5e468138ba8572e (patch) | |
| tree | 4b68c57868532a75036aa272fa18b0e4d0d65e68 /src | |
| parent | 96c67006bde6fa5a9d92edcb84e48744e0a36cf5 (diff) | |
| download | coinos-ui-5a13331a525fa298c1b7435db5e468138ba8572e.tar.gz coinos-ui-5a13331a525fa298c1b7435db5e468138ba8572e.zip | |
ui tweaks
Diffstat (limited to 'src')
| -rw-r--r-- | src/routes/(app)/[username]/(profile)/+layout.svelte | 12 | ||||
| -rw-r--r-- | src/routes/(app)/[username]/(profile)/+page.svelte | 20 |
2 files changed, 16 insertions, 16 deletions
diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte index bd2bf0d3..9e7a47bb 100644 --- a/src/routes/(app)/[username]/(profile)/+layout.svelte +++ b/src/routes/(app)/[username]/(profile)/+layout.svelte @@ -58,9 +58,9 @@ let toggleDetails = () => (showDetails = !showDetails); </script> -<div class="container mx-auto w-full px-4 mb-4 flex flex-wrap lg:flex-nowrap space-y-5"> +<div class="container mx-auto w-full px-4 flex flex-wrap lg:flex-nowrap"> <div class="hidden lg:block lg:w-[300px]" /> - <div class="lg:w-[300px] lg:absolute space-y-5 left-20 mx-auto max-w-md"> + <div class="lg:w-[300px] lg:absolute space-y-5 left-20 mx-auto max-w-sm"> <div class="flex text-3xl font-bold text-center mx-auto justify-center gap-2"> <div class="my-auto">{display || username}</div> <button on:click={toggleDetails}> @@ -71,7 +71,7 @@ {#if showDetails} <div> <div class="font-bold">{$t('user.profilePage')}</div> - <div class="flex gap-2"> + <div class="flex gap-4"> <div class="break-all grow text-secondary text-lg"> {profile} </div> @@ -90,7 +90,7 @@ </div> <div> <div class="font-bold">{$t('user.lightningAddress')}</div> - <div class="flex gap-2"> + <div class="flex gap-4"> <div class="break-all grow text-secondary text-lg"> {lnaddr} </div> @@ -109,7 +109,7 @@ </div> <div> <div class="font-bold">{$t('user.nostrPubkey')}</div> - <div class="flex gap-2"> + <div class="flex gap-4"> <div class="break-all grow text-secondary text-lg"> {npub} </div> @@ -139,7 +139,7 @@ </div> {/if} - <div class="flex justify-center gap-4"> + <div class="flex justify-center gap-2"> <a href={`/${subject.pubkey}/follows`} ><b>{subject.follows.length}</b> <span class="text-secondary">{$t('user.following')}</span></a diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte index 42cf9527..32a1f2cb 100644 --- a/src/routes/(app)/[username]/(profile)/+page.svelte +++ b/src/routes/(app)/[username]/(profile)/+page.svelte @@ -78,10 +78,10 @@ }); </script> -<div class="space-y-8"> +<div class="space-y-5"> {#if user?.id === subject.id} - <div> - <div class="flex justify-center lg:justify-start mb-8"> + <div class="space-y-5"> + <div class="flex justify-center lg:justify-start"> <Balance {user} /> </div> @@ -93,24 +93,24 @@ </div> {/if} - <div class="flex flex-wrap gap-4 justify-center w-full"> + <div class="flex flex-wrap gap-2 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 bg-black text-white" + class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-full" > <div class="mx-auto flex"> - <Icon icon="numpad" style="my-auto h-6 mr-2 invert" /> - <div class="my-auto mt-1">{$t('user.dashboard.receive')}</div> + <Icon icon="numpad" style="my-auto h-6 mr-2" /> + <div class="my-auto">{$t('user.dashboard.receive')}</div> </div> </button> </a> <a href={`/send`} class="w-full md:w-60"> <button - class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-full bg-black text-white" + class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-full" > <div class="mx-auto flex"> - <Icon icon="send" style="my-auto h-6 mr-2 invert" /> - <div class="my-auto mt-1">{$t('user.dashboard.send')}</div> + <Icon icon="send" style="my-auto h-6 mr-2" /> + <div class="my-auto">{$t('user.dashboard.send')}</div> </div> </button> </a> |