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.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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"> <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> <script type="module" crossorigin src="/assets/index-DJyVLEZ7.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CJwa9VxM.css"> <link rel="stylesheet" crossorigin href="/assets/index-DiDQoZDy.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

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

@@ -23,7 +23,7 @@
} }
.topbar__logo-img { .topbar__logo-img {
height: 36px; height: 44px;
width: auto; width: auto;
display: block; display: block;
} }
@@ -67,12 +67,22 @@
/* ── Timeline slot ── */ /* ── Timeline slot ── */
.topbar__timeline { flex-shrink: 0; } .topbar__timeline { flex-shrink: 0; }
/* ── Mobile ── */ /* ── Mobile : 2 lignes (logo+timeline / boutons îles) ── */
@media (max-width: 640px) { @media (max-width: 640px) {
.topbar__title { display: none; } .topbar {
.topbar { padding: 0 10px; gap: 8px; } height: auto;
.topbar__island-btn { padding: 4px 9px; font-size: 11px; } flex-wrap: wrap;
padding: 6px 10px 4px;
gap: 4px;
} }
@media (max-width: 420px) { .topbar__brand { order: 1; }
.topbar__islands { display: none; } .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; }
} }