Oliver/paraguay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
css/styles.css
+24 -1
View File
@@ -24,7 +24,30 @@ a:hover { text-decoration: underline; }
align-items: center;
padding: 24px 0;
}
.brand { font-size: 1.75rem; font-weight: 800; }
.brand { font-size: 1.75rem; font-weight: 800; display: flex; align-items: center; gap: 12px; position: relative; }
.hamburger-btn {
background: none; border: none; cursor: pointer; padding: 4px;
display: flex; align-items: center; justify-content: center;
}
.hamburger-btn svg { width: 24px; height: 24px; fill: var(--black); }
.hamburger-menu {
position: absolute; top: 100%; right: 0;
background: var(--white); border: 1px solid var(--gray2);
border-radius: 8px; padding: 16px; min-width: 200px;
box-shadow: 0 4px 12px rgba(0,0,0,.1); z-index: 100;
display: flex; flex-direction: column; gap: 12px;
}
.hamburger-menu.hidden { display: none; }
.menu-section { display: flex; flex-direction: column; gap: 8px; }
.menu-btn {
padding: 8px 12px; font-size: .85rem; border-radius: 6px;
display: flex; align-items: center; gap: 6px;
background: none; border: none; cursor: pointer;
font-weight: 600; color: var(--black); text-align: left;
width: 100%;
}
.menu-btn:hover { background: var(--gray1); }
.menu-btn svg { width: 16px; height: 16px; fill: currentColor; }
.lang-select {
display: flex; gap: 8px; background: var(--gray1);
padding: 4px; border-radius: 8px;