footer 추가
This commit is contained in:
17
App.tsx
17
App.tsx
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user