caadiq/fromis_9
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

🔧 푸터 간소화, 스크롤바 밀림 수정

Browse source
This commit is contained in:
caadiq 2025-12-31 22:05:28 +09:00
parent 12c58c622e
commit 80a8327c24
2 changed files with 6 additions and 60 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
frontend/src/components/pc/Footer.jsx
View file

@ -1,69 +1,11 @@
import { Instagram, Youtube } from 'lucide-react';
import { socialLinks } from '../../data/dummy';
// X (Twitter) 아이콘 컴포넌트
const XIcon = ({ size = 24 }) => (
<svg width={size} height={size} viewBox="0 0 24 24" fill="currentColor">
<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
</svg>
);
function Footer() {
const currentYear = new Date().getFullYear();
return (
<footer className="bg-gray-900 text-white py-12">
<footer className="bg-gray-900 text-white py-8">
<div className="max-w-7xl mx-auto px-6">
<div className="grid grid-cols-3 gap-8">
{/* 로고 */}
<div>
<h3 className="text-2xl font-bold text-primary-light mb-4">fromis_9</h3>
</div>
{/* 링크 */}
<div>
<h4 className="font-semibold mb-4">Quick Links</h4>
<ul className="space-y-2 text-sm text-gray-400">
<li><a href="/members" className="hover:text-primary-light transition-colors">멤버</a></li>
<li><a href="/discography" className="hover:text-primary-light transition-colors">디스코그래피</a></li>
<li><a href="/schedule" className="hover:text-primary-light transition-colors">스케줄</a></li>
</ul>
</div>
{/* SNS */}
<div>
<h4 className="font-semibold mb-4">Follow Us</h4>
<div className="flex gap-4">
<a
href={socialLinks.youtube}
target="_blank"
rel="noopener noreferrer"
className="text-gray-400 hover:text-red-500 transition-colors"
>
<Youtube size={24} />
</a>
<a
href={socialLinks.instagram}
target="_blank"
rel="noopener noreferrer"
className="text-gray-400 hover:text-pink-500 transition-colors"
>
<Instagram size={24} />
</a>
<a
href={socialLinks.twitter}
target="_blank"
rel="noopener noreferrer"
className="text-gray-400 hover:text-white transition-colors"
>
<XIcon size={24} />
</a>
</div>
</div>
</div>
{/* 저작권 */}
<div className="border-t border-gray-800 mt-8 pt-8 text-center text-sm text-gray-500">
<div className="text-center text-sm text-gray-500">
<p>© {currentYear} fromis_9 Fan Site. This is an unofficial fan-made website.</p>
</div>
</div>

4
frontend/src/index.css
View file

@ -3,6 +3,10 @@
@tailwind utilities;
/* 기본 스타일 */
html {
overflow-y: scroll; /* 항상 스크롤바 공간 확보 - 화면 밀림 방지 */
}
body {
font-family: "Noto Sans KR", sans-serif;
background-color: #fafafa;