Move language toggle, profile and logout into hamburger menu next to brand

This commit is contained in:
Kato
2026-09-04 20:15:30 +00:00
parent b50947270d
commit e76f18b0a8
3 changed files with 72 additions and 18 deletions
+21 -14
View File
@@ -14,20 +14,27 @@
<header class="header">
<div class="brand">
Paraguay LLC & SRL Austausch & Community
<div class="lang-select">
<button class="lang-btn active" data-lang="de">DE</button>
<button class="lang-btn" data-lang="en">EN</button>
</div>
<div class="user-actions hidden">
<button class="btn-secondary user-btn" onclick="openProfileModal()">
<svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
<span class="hide-de">Dein Profil</span><span class="hide-en">Your Profile</span>
</button>
<button class="btn-secondary user-btn" onclick="logout()">
<svg viewBox="0 0 24 24"><path d="M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z"/></svg>
<span class="hide-de">Abmelden</span><span class="hide-en">Logout</span>
</button>
<span>Paraguay LLC & SRL Austausch & Community</span>
<button class="hamburger-btn" id="hamburger-btn" aria-label="Menu">
<svg viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
</button>
<div class="hamburger-menu hidden" id="hamburger-menu">
<div class="menu-section">
<div class="lang-select">
<button class="lang-btn active" data-lang="de">DE</button>
<button class="lang-btn" data-lang="en">EN</button>
</div>
</div>
<div class="menu-section user-actions hidden" id="menu-user-actions">
<button class="menu-btn user-btn" onclick="openProfileModal()">
<svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
<span class="hide-de">Dein Profil</span><span class="hide-en">Your Profile</span>
</button>
<button class="menu-btn user-btn" onclick="logout()">
<svg viewBox="0 0 24 24"><path d="M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z"/></svg>
<span class="hide-de">Abmelden</span><span class="hide-en">Logout</span>
</button>
</div>
</div>
</div>
</header>