Design(event): 행사 페이지 상하 간격 조정

KNU-HAEDAL-Website · Dec 23, 2024 · d3ab750 · d3ab750
1 parent 320740c
commit d3ab750
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/app/(main)/event/_components/hero/Hero.tsx b/src/app/(main)/event/_components/hero/Hero.tsx
@@ -1,6 +1,6 @@
 export const EventHero = () => {
   return (
-    <div className="mb-3 flex w-full flex-col items-center justify-center gap-1 bg-secondary py-10 text-primary">
+    <div className="flex w-full flex-col items-center justify-center gap-1 bg-secondary py-10 text-primary">
       <div className="text-2xl font-bold">HAEDAL 주요 행사</div>
       <div>아이디어톤/해커톤/진로특강/성과공유회</div>
     </div>

diff --git a/src/app/(main)/event/_components/view-selector/ViewSelector.tsx b/src/app/(main)/event/_components/view-selector/ViewSelector.tsx
@@ -9,7 +9,7 @@ const viewOptions: View[] = ['갤러리', '리스트']
 
 export const ViewSelector = ({ view, setView }: ViewSelectorProps) => {
   return (
-    <div className="flex w-full justify-end gap-3 py-3">
+    <div className="flex w-full justify-end gap-3 py-4">
       {viewOptions.map((item) => (
         <span
           key={item}

diff --git a/src/app/(main)/event/page.tsx b/src/app/(main)/event/page.tsx
@@ -20,7 +20,7 @@ const EventPage = () => {
   return (
     <div className="flex h-full w-full flex-1 flex-col items-center">
       <EventHero />
-      <div className="flex w-full flex-col px-12 pb-20">
+      <div className="flex w-full flex-col px-12 pb-20 pt-4">
         <EventBoardHero />
         <EventViewSelector view={view} setView={setView} />
         {view === '갤러리' && <EventGallery />}
@@ -29,7 +29,7 @@ const EventPage = () => {
             <EventPostList />
           </Suspense>
         )}
-        <div className="flex w-full justify-end">
+        <div className="mt-8 flex w-full justify-end">
           <CreateEventPostButton />
         </div>
       </div>