Chneemann/flowstate
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(layout): adjust header z-index layers for mobile/desktop viewports
All checks were successful
Deploy Flowstate to VPS / deploy (push) Successful in 47s
Details

Browse source
This commit is contained in:
Chneemann 2026-08-25 10:18:30 +02:00
parent 3d4029af72
commit 6f42285405
No known key found for this signature in database
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/components/layout/Header.tsx
View file

@ -7,9 +7,14 @@ import BrandLogo from "./BrandLogo";
import SearchBar from "../ui/SearchBar"; import SearchBar from "../ui/SearchBar";
import UserBadge from "./UserBadge"; import UserBadge from "./UserBadge";
/**
* Renders the primary application header navigation bar, containing the responsive brand logo, search input, and user profile badge.
*
* @returns {JSX.Element} The rendered top header navigation component.
*/
export default function Header() { export default function Header() {
return ( return (
<header className="h-16 md:h-20 border-b border-border backdrop-blur-md px-3 sm:px-4 md:px-6 flex items-center justify-between sticky top-0 z-50 bg-background/80"> <header className="h-16 md:h-20 border-b border-border backdrop-blur-md px-3 sm:px-4 md:px-6 flex items-center justify-between sticky top-0 z-50 md:z-0 bg-background/80">
{/* Left Sidebar: Logo & Search Bar */} {/* Left Sidebar: Logo & Search Bar */}
<div className="flex items-center gap-2 flex-1 max-w-sm md:max-w-md mr-6"> <div className="flex items-center gap-2 flex-1 max-w-sm md:max-w-md mr-6">
<div className="md:hidden flex items-center shrink-0"> <div className="md:hidden flex items-center shrink-0">