fix: 메인 배너 그림자 안보이는 문제

wafflestudio · Apr 7, 2024 · 5afb182 · 5afb182
1 parent 4d72e9d
commit 5afb182
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 8 deletions.
diff --git a/components/main/NewsCard.tsx b/components/main/NewsCard.tsx
@@ -7,14 +7,12 @@ import { formatMainNewsDateStr } from '@/utils/date';
 
 import { CARD_WIDTH_REM } from './constants';
 
-export default function NewsCard({ shadow, news }: { shadow: boolean; news: MainNews }) {
+export default function NewsCard({ news }: { news: MainNews }) {
   return (
     <Link
       href={`/community/news/${news.id}`}
       style={{ width: `${CARD_WIDTH_REM}rem` }}
-      className={`flex h-[19rem] shrink-0 flex-col bg-neutral-50 ${
-        shadow ? 'shadow-[0_0_31.9px_0_rgba(0,0,0,0.07)]' : ''
-      }`}
+      className="flex h-[19rem] shrink-0 flex-col bg-neutral-50 shadow-[0_0_31.9px_0_rgba(0,0,0,0.07)]"
     >
       <div className="relative h-[6.25rem] w-full">
         <Image src={news.imageURL} fill alt="" className="object-cover" sizes="100px" />

diff --git a/components/main/NewsCarousel.tsx b/components/main/NewsCarousel.tsx
@@ -23,8 +23,8 @@ export default function NewsCarousel({ news }: { news: MainNews[] }) {
             gap: `${CARD_GAP_REM}rem`,
           }}
         >
-          {news.map((news, idx) => (
-            <NewsCard key={news.id} news={news} shadow={idx % 4 !== 0} />
+          {news.map((news) => (
+            <NewsCard key={news.id} news={news} />
           ))}
         </div>
       </div>

diff --git a/components/main/NewsCarouselMobile.tsx b/components/main/NewsCarouselMobile.tsx
@@ -5,8 +5,8 @@ import NewsCard from './NewsCard';
 export default function NewsCarouselMobile({ news }: { news: MainNews[] }) {
   return (
     <div className="no-scrollbar mr-5 flex gap-5 overflow-auto">
-      {news.map((news, idx) => (
-        <NewsCard key={news.id} news={news} shadow={idx % 4 !== 0} />
+      {news.map((news) => (
+        <NewsCard key={news.id} news={news} />
       ))}
     </div>
   );