ZHAW/BA_TTS_Annotation_Plattform
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: adapted header size

Browse Source
This commit is contained in:
averel10
2026-04-17 07:15:12 +02:00
parent a8bdeff774
commit f0c48efc66
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Header.tsx
View File

@@ -22,9 +22,9 @@ export function Header() {
return ( return (
<header className="sticky top-0 z-50 bg-gradient-to-r from-blue-600 to-blue-700 text-white shadow-lg"> <header className="sticky top-0 z-50 bg-gradient-to-r from-blue-600 to-blue-700 text-white shadow-lg">
<div className="px-4 sm:px-6 lg:px-8"> <div className="px-4 sm:px-6 lg:px-8">
<div className="flex justify-between items-center py-5"> <div className="flex justify-between items-center py-2 md:py-4">
{/* Logo */} {/* Logo */}
<Link href="/" className="font-bold hover:text-blue-100 transition-colors text-lg sm:text-2xl"> <Link href="/" className="font-bold hover:text-blue-100 transition-colors text-lg md:text-2xl py-1">
<span className="hidden sm:inline">TTS Dialektannotation</span> <span className="hidden sm:inline">TTS Dialektannotation</span>
<span className="sm:hidden">TTS Dialektannotation</span> <span className="sm:hidden">TTS Dialektannotation</span>
</Link> </Link>
@@ -33,7 +33,7 @@ export function Header() {
{(loading || session) && ( {(loading || session) && (
<nav className="hidden md:flex items-center gap-6"> <nav className="hidden md:flex items-center gap-6">
{loading ? ( {loading ? (
<span className="text-sm text-blue-100">Laden...</span> <></>
) : session && ( ) : session && (
<div className="flex items-center gap-6"> <div className="flex items-center gap-6">
<div className="text-right"> <div className="text-right">
@@ -80,7 +80,7 @@ export function Header() {
{/* Mobile Fullscreen Menu */} {/* Mobile Fullscreen Menu */}
{mobileMenuOpen && session && ( {mobileMenuOpen && session && (
<div className="md:hidden fixed inset-0 top-16 bg-blue-700 z-40 flex flex-col p-4 space-y-4"> <div className="md:hidden fixed inset-0 top-14 bg-blue-700 z-40 flex flex-col p-4 space-y-4">
{loading ? ( {loading ? (
<span className="text-sm text-blue-100">Laden...</span> <span className="text-sm text-blue-100">Laden...</span>
) : ( ) : (