fix: 가로 스크롤 관련 수정 (#563)

sopt-makers · Oct 26, 2023 · 1813df0 · 1813df0
1 parent 80b9a1f
commit 1813df0
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/feed/FeedPostViewer/FeedPostViewer.tsx b/src/components/feed/FeedPostViewer/FeedPostViewer.tsx
@@ -75,7 +75,7 @@ export default function FeedPostViewer({
         <ContentBody>
           <Title>{post.title}</Title>
           <Contents>{parseTextToLink(post.contents)}</Contents>
-          {post.images && (
+          {post.images && post.images.length > 0 && (
             <ImageSection>
               {post.images.length === 1 ? (
                 <BigImage src={post.images[0]} onClick={handleClickImage(post.images, 0)} />
@@ -194,8 +194,13 @@ const ImageListWrapper = styled('div', {
   gap: '8px',
   '@tablet': {
     display: 'flex',
-    overflow: 'scroll',
     gap: '6px',
+    overflowX: 'scroll',
+    '-ms-overflow-style': 'none',
+    scrollbarWidth: 'none',
+    '&::-webkit-scrollbar': {
+      display: 'none',
+    },
   },
 });
 const ImageListItem = styled('img', {