diff options
| author | Murillo Pinheiro de Oliveira <[email protected]> | 2024-02-06 23:41:43 -0300 |
|---|---|---|
| committer | Murillo Pinheiro de Oliveira <[email protected]> | 2024-02-06 23:41:43 -0300 |
| commit | a02ea8e85d789d5acca9922b61222233bbc09ec6 (patch) | |
| tree | e89f53936e861bf50e8a7503c75723778570b538 /src/routes/(app) | |
| parent | 7e33d06f2952f64815d8c7669f0f057cde20d280 (diff) | |
| download | coinos-ui-a02ea8e85d789d5acca9922b61222233bbc09ec6.tar.gz coinos-ui-a02ea8e85d789d5acca9922b61222233bbc09ec6.zip | |
layout fixes
Diffstat (limited to 'src/routes/(app)')
| -rw-r--r-- | src/routes/(app)/[username]/(profile)/+layout.svelte | 7 | ||||
| -rw-r--r-- | src/routes/(app)/[username]/(profile)/+page.svelte | 2 |
2 files changed, 4 insertions, 5 deletions
diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte index ff7ef7dd..37483caa 100644 --- a/src/routes/(app)/[username]/(profile)/+layout.svelte +++ b/src/routes/(app)/[username]/(profile)/+layout.svelte @@ -75,9 +75,8 @@ }; </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"> +<div class="mx-auto w-full px-4 flex flex-col lg:flex-row"> + <div class="lg:w-[300px] space-y-5 mx-auto max-w-sm lg:ml-24"> <div class="flex text-3xl font-bold text-center mx-auto justify-center gap-2" > @@ -242,7 +241,7 @@ </div> <div class="w-full"> - <div class="mx-auto space-y-5 lg:max-w-xl lg:pl-10 xl:max-w-2xl lg:pl-10"> + <div class="mx-auto space-y-5 lg:max-w-xl xl:max-w-2xl lg:pl-10"> <slot /> </div> </div> diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte index 337e80d8..6a89818a 100644 --- a/src/routes/(app)/[username]/(profile)/+page.svelte +++ b/src/routes/(app)/[username]/(profile)/+page.svelte @@ -84,7 +84,7 @@ </div> <div class="space-y-8 mt-8"> {#if !user.balance} - <p class="text-secondary text-lg"> + <p class="text-secondary text-lg max-w-2xl text-center lg:text-start mx-auto"> {$t("user.welcome")} </p> {/if} |