footer 추가

This commit is contained in:
2026-01-12 21:56:18 +09:00
parent 2c859dae4a
commit 391925e8c4

17
App.tsx
View File

@@ -48,7 +48,7 @@ const AdSenseBannerH: React.FC = () => {
<ins className="adsbygoogle"
style={{ display: "block" }}
data-ad-client="ca-pub-4444852135420953"
data-ad-slot="6163680487"
data-ad-slot="7799405796"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
</div>
@@ -173,7 +173,7 @@ const App: React.FC = () => {
};
return (
<div className="flex flex-col lg:flex-row h-screen w-full bg-gray-50 text-gray-900 overflow-hidden">
<div className="flex flex-col lg:flex-row fixed inset-0 w-full bg-gray-50 text-gray-900 overflow-hidden">
{/* Sidebar / Topbar */}
<div className="w-full lg:w-64 flex-shrink-0 bg-white border-b lg:border-b-0 lg:border-r border-gray-200 flex flex-row lg:flex-col z-20 items-center lg:items-stretch justify-between lg:justify-start h-16 lg:h-auto px-4 lg:px-0">
@@ -256,7 +256,7 @@ const App: React.FC = () => {
</header>
{/* Content Body with Right Sidebar */}
<div className="flex-1 flex overflow-hidden">
<div className="flex-1 flex overflow-hidden min-h-0">
{/* Main View */}
<main className="flex-1 overflow-hidden bg-gray-50 relative">
{errorMsg && (
@@ -290,6 +290,17 @@ const App: React.FC = () => {
</div>
</aside>
</div>
{/* Footer Status Bar */}
<footer className="bg-white border-t border-gray-200 flex flex-col md:flex-row items-center justify-between px-4 py-2 gap-2 text-xs text-gray-500 z-50 flex-shrink-0 select-none shadow-[0_-2px_10px_rgba(0,0,0,0.02)]">
<div className="flex items-center gap-2">
<span className="font-semibold text-gray-600">© 2026 SIMP</span>
<span className="bg-blue-100 text-blue-700 px-1.5 py-0.5 rounded text-[10px] font-bold tracking-wide">FREEWARE</span>
</div>
<div className="flex items-center gap-1 font-mono text-[11px] md:text-xs">
<a href="mailto:tindevil82@gmail.com" className="hover:text-blue-600 transition-colors font-medium">tindevil82@gmail.com</a>
</div>
</footer>
</div>
</div>
);