From a02ea8e85d789d5acca9922b61222233bbc09ec6 Mon Sep 17 00:00:00 2001
From: Murillo Pinheiro de Oliveira <murillop.o06@gmail.com>
Date: Tue, 6 Feb 2024 23:41:43 -0300
Subject: layout fixes

---
 src/routes/(app)/[username]/(profile)/+layout.svelte | 7 +++----
 src/routes/(app)/[username]/(profile)/+page.svelte   | 2 +-
 2 files changed, 4 insertions(+), 5 deletions(-)

(limited to 'src/routes/(app)')

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}
-- 
cgit v1.2.3