Merge pull request #33 from AcneLog/dev

sungahChooo · web-flow · commit 05d6cefc67ee · 2025-09-20T23:57:07.000+09:00
dev to main [파비콘 설정 및 홈 화면 css 조절]
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>AcneLog</title>
   </head>
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/src/pages/Homepage/Home.styles.tsx b/src/pages/Homepage/Home.styles.tsx
@@ -16,8 +16,7 @@ export const Header = styled.div`
 //리스트 공통
 export const List = styled.div`
   display: flex;
-  gap: 0.55rem;
-  overflow-x: auto;
+  gap: 0.4rem;
 `;
 //전체보기 버튼
 export const PeoplesLogButton = styled.button`
@@ -35,26 +34,26 @@ export const Itm = styled.div`
   text-align: center;
   cursor: pointer;
   img {
-    padding: 0.2rem;
-    border-radius: 1rem;
+    margin-bottom: 0.3rem;
+    border-radius: 1.7rem;
   }
 `;
 
 //피플즈로그 게시물 개수
 export const PostCountText = styled.p`
   font-size: 0.75rem;
   color: #737373;
-  margin-left: -2.5rem;
-  margin-top: -0.4rem;
+  margin-right: 2.5rem;
+  margin-top: -0.2rem;
+  font-weight: normal;
 `;
 
 export const TodaysItemItm = styled.div`
   font-size: 1rem;
   width: 100%;
   cursor: pointer;
   img {
-    padding: 0.2rem;
-    border-radius: 0.75rem;
+    border-radius: 1.7rem;
   }
   margin-bottom: 6.25rem;
 `;
diff --git a/src/pages/Homepage/Home.tsx b/src/pages/Homepage/Home.tsx
@@ -2,6 +2,7 @@ import useCustomNavigate from '../../hooks/useNavigate';
 import * as S from './Home.styles';
 import { acneImages, youtubeThumbnails, productRecommendations } from './homeDummyData';
 import Banner from '../../assets/banner.svg';
+import sharp from '../../assets/img/sharpIcon.svg';
 
 function Home() {
   const goToPage = useCustomNavigate();
@@ -29,10 +30,10 @@ function Home() {
                 style={{
                   display: 'flex',
                   alignItems: 'center',
-                  gap: '0.25rem',
+                  gap: '0.5rem',
                 }}
               >
-                <img src="src/assets/img/sharpIcon.svg" width="20%" />
+                <img src={sharp} width="20%" />
                 <span>{item.description}</span>
               </div>
               <S.PostCountText>게시글 10개</S.PostCountText>
