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

fix: improve friend wishlist navigation layout

Browse Source
This commit is contained in:
Vaka.pro
2026-04-26 23:44:06 +03:00
parent 17d59c3639
commit 14a57b19b7
3 changed files with 22 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
apps/frontend/src/components/Layout/Header.tsx
View File

@@ -45,20 +45,20 @@ export function Header() {
return (
<header className="container-page pt-6">
<div className="flex flex-wrap items-center justify-between gap-3 rounded-lg border border-border bg-surface/80 px-4 py-3 backdrop-blur">
<Link to="/" className="flex items-center gap-2">
<div className="grid grid-cols-1 items-center gap-3 rounded-lg border border-border bg-surface/80 px-4 py-3 backdrop-blur lg:grid-cols-[auto_minmax(0,1fr)_auto]">
<Link to="/" className="flex min-w-0 items-center gap-2">
<span className="inline-flex h-9 w-9 items-center justify-center rounded-md bg-primary text-primary-foreground shadow-card">
<Gift className="h-4 w-4" />
</span>
<div>
<div className="min-w-0">
<div className="font-display text-lg leading-tight">{t('app.name')}</div>
<div className="text-xs text-muted">
<div className="truncate text-xs text-muted">
{t('header.signedInAs', { name: user.displayName })}
</div>
</div>
</Link>
<nav className="flex flex-wrap items-center gap-1">
<nav className="flex min-w-0 items-center gap-1 overflow-x-auto whitespace-nowrap lg:justify-center">
{links.map((l) => (
<NavLink
key={l.to}
@@ -91,7 +91,7 @@ export function Header() {
)}
</nav>
<div className="flex items-center gap-1">
<div className="flex shrink-0 items-center gap-1 justify-self-start lg:justify-self-end">
<LanguageSwitcher />
<Button
variant="ghost"