gwadaking/radarsargasses
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: topbar 2 lignes sur mobile (boutons îles toujours visibles), logo 44px

Browse Source
This commit is contained in:
Gwadaking
2026-04-09 01:02:25 -04:00
parent 38e810bd79
commit fb00ec8fa2
5 changed files with 23 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/components/Topbar/Topbar.css
View File

@@ -23,7 +23,7 @@
}
.topbar__logo-img {
height: 36px;
height: 44px;
width: auto;
display: block;
}
@@ -67,12 +67,22 @@
/* ── Timeline slot ── */
.topbar__timeline { flex-shrink: 0; }
/* ── Mobile ── */
/* ── Mobile : 2 lignes (logo+timeline / boutons îles) ── */
@media (max-width: 640px) {
.topbar__title { display: none; }
.topbar { padding: 0 10px; gap: 8px; }
.topbar__island-btn { padding: 4px 9px; font-size: 11px; }
}
@media (max-width: 420px) {
.topbar__islands { display: none; }
.topbar {
height: auto;
flex-wrap: wrap;
padding: 6px 10px 4px;
gap: 4px;
}
.topbar__brand { order: 1; }
.topbar__timeline { order: 2; margin-left: auto; }
.topbar__islands {
order: 3;
flex-basis: 100%;
justify-content: flex-start;
padding-bottom: 4px;
}
.topbar__island-btn { padding: 4px 10px; font-size: 12px; }
.topbar__logo-img { height: 38px; }
}