diff options
| author | Adam Soltys <[email protected]> | 2023-01-06 23:20:35 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-01-06 23:20:35 -0800 |
| commit | 88f25bb416e202d9480de56189d1b09f4804f749 (patch) | |
| tree | 7511d9dbb9e9d6f916556b52cbc660373303e077 | |
| parent | 6d6edb8073b1ea60ad243b759b561116b38ed879 (diff) | |
| download | coinos-ui-88f25bb416e202d9480de56189d1b09f4804f749.tar.gz coinos-ui-88f25bb416e202d9480de56189d1b09f4804f749.zip | |
following button
| -rw-r--r-- | src/routes/(app)/[username]/(profile)/+layout.svelte | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte index a30b6f38..d76ff065 100644 --- a/src/routes/(app)/[username]/(profile)/+layout.svelte +++ b/src/routes/(app)/[username]/(profile)/+layout.svelte @@ -66,12 +66,12 @@ {#if following} <div class="w-full flex"> <button - class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60" + class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60 bg-black text-white" on:click={unfollow} > <div class="mx-auto flex"> - <Icon icon={'profile'} style="my-auto" /> - <div>{$t('user.unfollow')}</div> + <Icon icon={'profile'} style="my-auto h-6 mr-2 invert" /> + <div class="my-auto mt-1">{$t('user.following')}</div> </div> </button> </div> @@ -82,8 +82,8 @@ on:click={follow} > <div class="mx-auto flex"> - <Icon icon={'profile'} style="my-auto" /> - <div>{$t('user.follow')}</div> + <Icon icon={'profile'} style="my-auto h-6 mr-2" /> + <div class="my-auto mt-1">{$t('user.follow')}</div> </div> </button> </div> @@ -93,8 +93,8 @@ <a href={`/${subject.pubkey}/messages`} class="mx-auto"> <button class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60"> <div class="mx-auto flex"> - <Icon icon="support" style="mr-1" /> - <div>{$t('user.message')}</div> + <Icon icon="support" style="mr-2 my-auto" /> + <div class="mt-1 my-auto">{$t('user.message')}</div> </div> </button> </a> @@ -105,8 +105,8 @@ <a href={`/${subject.username}/receive`} class="mx-auto"> <button class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60"> <div class="mx-auto flex"> - <Icon icon="send" style="mr-1" /> - <div>{$t('user.pay')}</div> + <Icon icon="send" style="mr-2" /> + <div class="mt-1">{$t('user.pay')}</div> </div> </button> </a> |