revert: YouTube 재생목록 chip 원본 디자인으로 복원 + repurpose 스크롤바 표시

- YouTubeAudit: '재생목록' chip 을 원본(흰색 단순 chip, Play 아이콘 제거)으로 복원
- AssetCollection: Top Videos for Repurposing 가로 스크롤바 hide 제거

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
main
Mina Choi 2026-05-21 16:29:14 +09:00
parent bf90e8d242
commit f74e74a45b
2 changed files with 3 additions and 4 deletions

View File

@ -155,7 +155,7 @@ export default function AssetCollection({ data }: AssetCollectionProps) {
<h3 className="font-serif text-2xl font-bold text-brand-navy mb-4"> <h3 className="font-serif text-2xl font-bold text-brand-navy mb-4">
YouTube Top Videos for Repurposing YouTube Top Videos for Repurposing
</h3> </h3>
<div className="flex overflow-x-auto gap-4 pb-4 scrollbar-hide" style={{ scrollbarWidth: 'none' }}> <div className="flex overflow-x-auto gap-4 pb-4">
{data.youtubeRepurpose.map((video, i) => ( {data.youtubeRepurpose.map((video, i) => (
<motion.div <motion.div
key={video.title} key={video.title}

View File

@ -1,5 +1,5 @@
import { motion } from 'motion/react'; import { motion } from 'motion/react';
import { Youtube, Users, Video, Eye, TrendingUp, ExternalLink, Play } from 'lucide-react'; import { Youtube, Users, Video, Eye, TrendingUp, ExternalLink } from 'lucide-react';
import { SectionWrapper } from './ui/SectionWrapper'; import { SectionWrapper } from './ui/SectionWrapper';
import { EmptyState } from './ui/EmptyState'; import { EmptyState } from './ui/EmptyState';
import { MetricCard } from './ui/MetricCard'; import { MetricCard } from './ui/MetricCard';
@ -123,9 +123,8 @@ export default function YouTubeAudit({ data }: YouTubeAuditProps) {
{data.playlists.map((pl) => ( {data.playlists.map((pl) => (
<span <span
key={pl} key={pl}
className="inline-flex items-center gap-1.5 rounded-full bg-rose-50 border border-rose-200 px-3 py-1 text-sm font-medium text-rose-700" className="rounded-full bg-white/60 backdrop-blur-sm border border-white/40 px-3 py-1 text-sm font-medium text-slate-700"
> >
<Play size={12} className="text-rose-500 fill-rose-500" />
{pl} {pl}
</span> </span>
))} ))}