diff --git a/frontend/src/components/pc/Header.jsx b/frontend/src/components/pc/Header.jsx index bc27731..163b8ce 100644 --- a/frontend/src/components/pc/Header.jsx +++ b/frontend/src/components/pc/Header.jsx @@ -19,7 +19,7 @@ function Header() { return (
-
+
{/* 로고 */} diff --git a/frontend/src/index.css b/frontend/src/index.css index e80f671..644efe5 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -14,7 +14,7 @@ body { /* 최소 너비 설정 - 화면 축소시 깨짐 방지 */ #root { - min-width: 1200px; + min-width: 1440px; } /* 스크롤바 스타일 */ diff --git a/frontend/src/pages/pc/AlbumGallery.jsx b/frontend/src/pages/pc/AlbumGallery.jsx index f5fde02..6eb74f3 100644 --- a/frontend/src/pages/pc/AlbumGallery.jsx +++ b/frontend/src/pages/pc/AlbumGallery.jsx @@ -62,25 +62,12 @@ const galleryStyles = ` transition: transform 0.3s ease, filter 0.3s ease !important; cursor: pointer; overflow: visible !important; - animation: fadeInUp 0.4s ease-out backwards; } .react-photo-album--photo:hover { transform: scale(1.05); filter: brightness(0.9); z-index: 10; } -/* 순차적 로드 애니메이션 */ -.react-photo-album--photo:nth-child(1) { animation-delay: 0.02s; } -.react-photo-album--photo:nth-child(2) { animation-delay: 0.04s; } -.react-photo-album--photo:nth-child(3) { animation-delay: 0.06s; } -.react-photo-album--photo:nth-child(4) { animation-delay: 0.08s; } -.react-photo-album--photo:nth-child(5) { animation-delay: 0.1s; } -.react-photo-album--photo:nth-child(6) { animation-delay: 0.12s; } -.react-photo-album--photo:nth-child(7) { animation-delay: 0.14s; } -.react-photo-album--photo:nth-child(8) { animation-delay: 0.16s; } -.react-photo-album--photo:nth-child(9) { animation-delay: 0.18s; } -.react-photo-album--photo:nth-child(10) { animation-delay: 0.2s; } -.react-photo-album--photo:nth-child(n+11) { animation-delay: 0.22s; } `; function AlbumGallery() { @@ -251,7 +238,7 @@ function AlbumGallery() { transition={{ duration: 0.3 }} className="py-16" > -
+
{/* 브레드크럼 스타일 헤더 */}