feat: 구분선 표시

CollaBu · May 16, 2024 · 765dbf8 · 765dbf8
1 parent c119e1f
commit 765dbf8
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 17 deletions.
diff --git a/src/widgets/feed-main-list/ui/HiddenFeed.scss b/src/widgets/feed-main-list/ui/HiddenFeed.scss
@@ -1,24 +1,26 @@
 .feed-hidden-wrapper {
   margin-top: 30px;
 
-  display: flex;
-  flex-direction: column;
-  align-items: center;
+  .feed-hidden-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
 
-  .hidden-reason-msg {
-    margin-top: 8px;
-    color: $gray4;
-  }
+    .hidden-reason-msg {
+      margin-top: 8px;
+      color: $gray4;
+    }
 
-  .hidden-cancel-btn {
-    margin-top: 16px;
-    width: 39px;
-    height: 24px;
+    .hidden-cancel-btn {
+      margin-top: 16px;
+      width: 39px;
+      height: 24px;
 
-    border-radius: 30px;
+      border-radius: 30px;
 
-    background-color: $gray2;
-    color: $gray4;
+      background-color: $gray2;
+      color: $gray4;
+    }
   }
 
   &::after {

diff --git a/src/widgets/feed-main-list/ui/HiddenFeed.tsx b/src/widgets/feed-main-list/ui/HiddenFeed.tsx
@@ -6,9 +6,11 @@ import './HiddenFeed.scss';
 const HiddenFeed: React.FC<{ message: string }> = ({ message }) => {
   return (
     <div className='feed-hidden-wrapper'>
-      <Icon name='check_mint' width='24' height='24' />
-      <p className='hidden-reason-msg b2md'>{message}</p>
-      <button className='hidden-cancel-btn b2md'>취소</button>
+      <div className='feed-hidden-container'>
+        <Icon name='check_mint' width='24' height='24' />
+        <p className='hidden-reason-msg b2md'>{message}</p>
+        <button className='hidden-cancel-btn b2md'>취소</button>
+      </div>
     </div>
   );
 };