design: 메인페이지 UI 변경

Kernel360 · Apr 22, 2024 · da9e718 · da9e718
1 parent 6fa2941
commit da9e718
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/src/app/page.module.scss b/src/app/page.module.scss
@@ -18,7 +18,14 @@
     padding: 0 var(--default-padding) 80px;
   }
 
+  .grayBar {
+    width: 100%;
+    height: 15px;
+    margin-bottom: 32px;
+    background-color: var(--gray100);
+  }
+
   .hotItemContainer {
-    padding: 0 var(--default-padding) 80px;
+    padding: 0 var(--default-padding) 52px;
   }
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -72,6 +72,7 @@ function Home() {
         </div>
 
         {/* <Spacing size={20} /> */}
+        <div className={cx('grayBar')} />
 
         <div className={cx('recommendListContainer')}>
           <Text typography="t4" bold>

diff --git a/src/components/home/hotItem/HotItem.module.scss b/src/components/home/hotItem/HotItem.module.scss
@@ -19,6 +19,7 @@
   border: 1px solid rgb(0 0 0 / 5%);
   border-radius: 999px;
   background: var(--grayscale-white, #fff);
+  cursor: pointer;
 }
 
 .more {