Merge pull request #76 from Kernel360/ui-main-page

페이지 UI: 메인 페이지
Kernel360 · Jan 16, 2024 · 2ebc097 · 2ebc097
2 parents c1b7bbc + 925668f
commit 2ebc097
Show file tree

Hide file tree

Showing 26 changed files with 418 additions and 331 deletions.
diff --git a/package.json b/package.json
@@ -28,7 +28,7 @@
     "react-dom": "^18",
     "react-hook-form": "^7.49.2",
     "react-redux": "^9.0.4",
-    "swiper": "^10"
+    "swiper": "^11"
   },
   "devDependencies": {
     "@storybook/addon-essentials": "^7.6.6",
@@ -75,4 +75,4 @@
   "msw": {
     "workerDirectory": "public"
   }
-}
+}
diff --git a/public/assets/banner.png b/public/assets/banner.png
diff --git a/public/assets/recommandItem1.png b/public/assets/recommandItem1.png
diff --git a/public/assets/recommandItem2.png b/public/assets/recommandItem2.png
diff --git a/public/assets/recommandItem3.png b/public/assets/recommandItem3.png
diff --git a/public/assets/recommandItem4.png b/public/assets/recommandItem4.png
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -14,6 +14,7 @@
   --pink: #F67272;
 
   /* -------------- z-index -------------- */
+  --header-zindex: 2;
   --dimmed-zindex: 10;
   --modal-zindex: 11;
 }

diff --git a/src/app/page.module.css b/src/app/page.module.css
diff --git a/src/app/page.module.scss b/src/app/page.module.scss
@@ -0,0 +1,32 @@
+.headerWrapper {
+  padding: 0 24px;
+
+  .header {
+    z-index: 999;
+  }
+}
+
+.mainContainer {
+  .searchBarWrapper {
+    padding: 0 24px;
+  }
+
+  .bannerWrapper {
+    max-height: 140px;
+    overflow-y: hidden;
+  }
+
+  .recommandTextWrapper {
+    padding: 0 24px;
+  }
+
+  .productListContainer {
+    padding: 0 24px 80px;
+
+    .productArticleContainer {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 12px;
+    }
+  }
+}