design: Search 페이지 CSS 구현 #94

Kernel360 · Jan 21, 2024 · da0cb9e · da0cb9e
1 parent 3ac966e
commit da0cb9e
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git a/src/app/search/page.module.scss b/src/app/search/page.module.scss
@@ -0,0 +1,19 @@
+.mainContainer {
+    .filterWrapper {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin: 13px 0 24px;
+
+        & > span {
+            color: var(--gray-300);
+            font-size: 14px;
+        }
+    }
+
+    .productArticleContainer {
+        display: grid;
+        grid-template-columns: repeat(2, 1fr);
+        gap: 12px;
+    }
+}
diff --git a/src/components/shared/product-article/ProductArticle.module.scss b/src/components/shared/product-article/ProductArticle.module.scss
@@ -16,8 +16,8 @@
 
         .icon {
             position: absolute;
-            top: 10px;
-            left: 10px;
+            top: 8px;
+            right: 8px;
         }
     }