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

feat: logo dans la topbar à la place de l'emoji+texte

Browse Source
This commit is contained in:
Gwadaking
2026-04-08 03:09:55 -04:00
parent 90bee1bfe9
commit e5e835298e
8 changed files with 19 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
backend/public/assets/index-CR8TMpWW.js
View File

File diff suppressed because one or more lines are too long

2
backend/public/assets/index-EwSspPKV.css → backend/public/assets/index-DJNP4QZp.css
View File

File diff suppressed because one or more lines are too long

9
backend/public/assets/index-Dx6Cc7t_.js Normal file
View File

File diff suppressed because one or more lines are too long

2
backend/public/assets/maplibre-gl-OT34MFJj.js → backend/public/assets/maplibre-gl-Dmg_xMSc.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-CR8TMpWW.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-EwSspPKV.css">
<script type="module" crossorigin src="/assets/index-Dx6Cc7t_.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DJNP4QZp.css">
</head>
<body>
<div id="root"></div>

3
frontend/src/components/Map/SargassesMap.jsx
View File

@@ -2,7 +2,6 @@ import { useCallback, useEffect, useRef, useState } from 'react';
import Map, { Layer, Marker, NavigationControl, Source } from 'react-map-gl/maplibre';
import 'maplibre-gl/dist/maplibre-gl.css';
import { api } from '../../api/client';
import logoUrl from '../../assets/logo-radarsargasses971.png';
import './SargassesMap.css';
const INITIAL_VIEW = { longitude: -61.55, latitude: 16.25, zoom: 9 };
@@ -272,8 +271,6 @@ export default function SargassesMap({ onSpotSelect, selectedSpotId, activeStep,
>
<NavigationControl position="bottom-right" />
<img src={logoUrl} className="smap-logo" alt="Radar Sargasses 971" />
{dataDate && (
<div className="smap-freshness">
Données du {dataDate.toLocaleDateString('fr-FR', { day: '2-digit', month: '2-digit' })}

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

@@ -22,15 +22,10 @@
flex-shrink: 0;
}
.topbar__logo { font-size: 20px; }
.topbar__title {
font-family: 'Fredoka One', cursive;
font-size: 17px;
font-weight: 400;
color: #f1f5f9;
white-space: nowrap;
letter-spacing: 0.02em;
.topbar__logo-img {
height: 36px;
width: auto;
display: block;
}
/* ── Islands nav ── */

4
frontend/src/components/Topbar/Topbar.jsx
View File

@@ -1,4 +1,5 @@
import TimelineSlider from '../Timeline/TimelineSlider';
import logoUrl from '../../assets/logo-radarsargasses971.png';
import './Topbar.css';
const ISLANDS = [
@@ -13,8 +14,7 @@ export default function Topbar({ activeStep, onStepChange, onIslandSelect }) {
return (
<header className="topbar">
<div className="topbar__brand">
<span className="topbar__logo" aria-hidden="true">🌊</span>
<span className="topbar__title">Radar Sargasses</span>
<img src={logoUrl} alt="Radar Sargasses 971" className="topbar__logo-img" />
</div>
<nav className="topbar__islands" aria-label="Navigation par île">