admin/tabletten
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

nun Ohne Tailwind

Browse Source
This commit is contained in:
rxf
2026-03-12 09:11:43 +01:00
parent a949ebcdc8
commit 0faa144e4f
8 changed files with 204 additions and 694 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
components/AppLayout.tsx
View File

@@ -12,26 +12,26 @@ export default function AppLayout({ children }: AppLayoutProps) {
const buildDate = process.env.NEXT_PUBLIC_BUILD_DATE || new Date().toLocaleDateString('de-DE', { day: '2-digit', month: '2-digit', year: 'numeric' });
return (
<div className="min-h-screen py-8 px-4">
<div className="max-w-316 mx-auto border-2 border-black rounded-xl bg-gray-200 p-6">
<div className="app-wrapper">
<div className="app-container">
{/* Seitentitel */}
<h1 className="text-4xl font-bold text-center mb-6 tracking-tight">Tabletten-Check</h1>
<h1 className="app-title">Tabletten-Check</h1>
<div className="max-w-6xl mx-auto">
<div className="app-inner">
{/* Logout-Button oben rechts */}
<div className="flex justify-end -mb-0.5">
<LogoutButton className="px-4 py-2 bg-red-600 hover:bg-red-700 text-white text-sm rounded-lg shadow-md" />
<div className="app-logout-bar">
<LogoutButton className="btn-logout" />
</div>
{/* Inhaltsbereich */}
<main className="border-2 border-black rounded-lg p-6 bg-[#FFFFDD]">
<main className="app-main">
{children}
</main>
<footer className="mt-8 flex justify-between items-center text-sm text-gray-600 px-4">
<a href="mailto:rxf@gmx.de" className="hover:underline">
<footer className="app-footer">
<a href="mailto:rxf@gmx.de">
mailto:rxf@gmx.de
</a>
<div>Version {version} – {buildDate}</div>

2
components/LogoutButton.tsx
View File

@@ -15,7 +15,7 @@ export default function LogoutButton({ className, children }: LogoutButtonProps)
return (
<button
onClick={handleLogout}
className={className || 'px-4 py-2 bg-red-600 hover:bg-red-700 text-white rounded-lg transition-colors'}
className={className || 'btn-logout'}
>
{children || 'Abmelden'}
</button>