diff options
| author | Adam Soltys <[email protected]> | 2024-02-26 13:28:10 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-02-26 13:28:10 -0800 |
| commit | 00aeda102b96b7932f3526f92a5dbf6160821a73 (patch) | |
| tree | 0fa160edd834fde0ef855d47aebe0ad8abda19f8 /src/routes | |
| parent | 094fac4466805b253a6cc9946c9fe716b749b428 (diff) | |
| download | coinos-ui-00aeda102b96b7932f3526f92a5dbf6160821a73.tar.gz coinos-ui-00aeda102b96b7932f3526f92a5dbf6160821a73.zip | |
layout tweaks
Diffstat (limited to 'src/routes')
| -rw-r--r-- | src/routes/(app)/[username]/(profile)/+layout.svelte | 15 |
1 files changed, 8 insertions, 7 deletions
diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte index 7c815d2d..d750e86c 100644 --- a/src/routes/(app)/[username]/(profile)/+layout.svelte +++ b/src/routes/(app)/[username]/(profile)/+layout.svelte @@ -76,8 +76,10 @@ </script> <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-sm mb-5"> + <div class="hidden lg:block lg:w-[280px] xl:w-[360px]" /> + <div + class="w-full lg:w-[280px] xl:w-[360px] lg:absolute space-y-5 left-20 mx-auto mb-5" + > <div class="flex text-3xl font-bold text-center mx-auto justify-center gap-2" > @@ -165,15 +167,14 @@ </button> </a> {/if} + <button type="button" on:click={toggleDetails} - class="rounded-2xl border py-5 px-6 font-bold hover:opacity-80 flex w-60 grow" + class="rounded-2xl border py-5 px-6 font-bold hover:opacity-80 flex justify-center w-full" > - <div class="mx-auto flex"> - <Icon icon="edit" style="w-8 mr-2" /> - <div class="mt-1">{$t("user.details")}</div> - </div> + <Icon icon="edit" style="w-8 mr-2" /> + <div class="mt-1">{$t("user.details")}</div> </button> {#if user?.admin && user.username !== subject.username} |