✨ 캐러셀 UI 및 간격 조정 (#78)

* feat: 캐러셀 컨트롤 스타일 수정 * feat: 피드 푸터 간격 수정 * feat: 게시물 이미지 간격 수정
CollaBu · May 25, 2024 · 9c01160 · 9c01160
1 parent f533a73
commit 9c01160
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/src/widgets/feed-carousel/ui/Carousel.scss b/src/widgets/feed-carousel/ui/Carousel.scss
@@ -1,5 +1,6 @@
 .carousel-container {
   overflow-x: unset;
+  margin-top: 16px;
 
   .carousel {
     overflow: unset;
@@ -27,16 +28,15 @@
     justify-content: center;
     gap: 4px;
 
-    margin: 0;
-    bottom: -10px;
+    margin-bottom: 16px;
 
     .dot {
       width: 4px;
       height: 4px;
 
       margin: 0;
 
-      background-color: $gray3;
+      background-color: #ffffff66;
       box-shadow: unset;
 
       opacity: 1;

diff --git a/src/widgets/feed-main-list/ui/Feed.scss b/src/widgets/feed-main-list/ui/Feed.scss
@@ -19,23 +19,21 @@
 
       .feed-text {
         padding: 0 20px;
-        margin-bottom: 16px;
 
         color: $gray6;
       }
     }
 
     .feed-footer {
-      margin-top: 8px;
-      padding: 0 15px 3px 15px;
+      padding: 0 15px 0 20px;
 
       display: flex;
       justify-content: space-between;
       align-items: center;
 
       .footer-left {
         display: flex;
-        gap: 12px;
+        gap: 9px;
 
         .footer-count {
           display: flex;

diff --git a/src/widgets/profile-feed-list/ui/ProfileFeedList.scss b/src/widgets/profile-feed-list/ui/ProfileFeedList.scss
@@ -17,4 +17,8 @@
     border-radius: 10px;
     padding: 20px 1px;
   }
+
+  .feed-footer {
+    padding: 0 15px !important;
+  }
 }