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

2
backend/public/assets/index-DwKx7QLX.js → backend/public/assets/index-DJyVLEZ7.js
View File

File diff suppressed because one or more lines are too long

2
backend/public/assets/index-CJwa9VxM.css → backend/public/assets/index-DiDQoZDy.css
View File

File diff suppressed because one or more lines are too long

2
backend/public/assets/maplibre-gl-x3yGaTch.js → backend/public/assets/maplibre-gl-xX7oWFWn.js
View File

File diff suppressed because one or more lines are too long

4
backend/public/index.html
View File

@@ -8,8 +8,8 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fredoka+One&family=Fredoka:wght@400;500;600&display=swap" rel="stylesheet">
<script type="module" crossorigin src="/assets/index-DwKx7QLX.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CJwa9VxM.css">
<script type="module" crossorigin src="/assets/index-DJyVLEZ7.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DiDQoZDy.css">
</head>
<body>
<div id="root"></div>

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; }
}