💄 fix profile UI

potenday-project · Dec 17, 2023 · 43d03b9 · 43d03b9
1 parent 9140ba2
commit 43d03b9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/app/(route)/me/layout.tsx b/app/(route)/me/layout.tsx
@@ -5,7 +5,7 @@ import Header from '@/app/_components/shared/header'
 export default function Layout({ children }: { children: React.ReactNode }) {
   return (
     <UserContextProvider>
-      <main className='h-full'>
+      <main className='h-full bg-challenge-background bg-cover bg-center bg-no-repeat'>
         <Header>
           <div />
           <Header.Title>MY</Header.Title>

diff --git a/app/(route)/me/page.tsx b/app/(route)/me/page.tsx
@@ -42,7 +42,7 @@ export default function MePage() {
 
   return (
     <div className='pb-20 pt-28'>
-      <div className='mb-5 flex flex-col gap-5 border-b border-white pb-6'>
+      <div className='mx-6 mb-5 flex flex-col gap-5 border-b border-white pb-6'>
         <div className='flex flex-col items-center gap-3'>
           <Image
             className='rounded-full bg-white'
@@ -71,7 +71,7 @@ export default function MePage() {
           </div>
         </div>
       </div>
-      <div className='flex flex-col gap-4'>
+      <div className='flex flex-col gap-4 px-6'>
         <div className='flex justify-between px-2'>
           <span className='text-xl font-semibold'>달달 뱃지</span>
           <Link href={ROUTE.BADGES}>