refactor: div 구조 변경

depromeet · Feb 28, 2024 · 71618df · 71618df
1 parent be4807a
commit 71618df
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/pages/gallery/index.page.tsx b/src/pages/gallery/index.page.tsx
@@ -19,12 +19,10 @@ function Gallery() {
     <div>
       <GalleryHeader />
       <Tab activeTab={activeTab} onClick={setActiveTab} />
-      <div key={activeTab}>
+      <div key={activeTab} css={contentCss}>
+        <FilterTab filterTab={filterTab} setFilterTab={setFilterTab} />
         <StaggerWrapper wrapperOverrideCss={listCss}>
-          <div>
-            <FilterTab filterTab={filterTab} setFilterTab={setFilterTab} />
-            <PublishMyCard />
-          </div>
+          <PublishMyCard />
           {data.gallerys.map((gallery) => (
             <Card key={gallery.gallery_id} survey={gallery.survey} target={gallery.target} />
           ))}
@@ -36,11 +34,13 @@ function Gallery() {
 
 export default Gallery;
 
+const contentCss = css`
+  padding: 24px 4px 72px;
+`;
+
 const listCss = css`
   display: flex;
   flex-direction: column;
   gap: 18px;
   align-items: stretch;
-
-  padding: 24px 4px 72px;
 `;