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.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-CR8TMpWW.js"></script> <script type="module" crossorigin src="/assets/index-Dx6Cc7t_.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-EwSspPKV.css"> <link rel="stylesheet" crossorigin href="/assets/index-DJNP4QZp.css">
</head> </head>
<body> <body>
<div id="root"></div> <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 Map, { Layer, Marker, NavigationControl, Source } from 'react-map-gl/maplibre';
import 'maplibre-gl/dist/maplibre-gl.css'; import 'maplibre-gl/dist/maplibre-gl.css';
import { api } from '../../api/client'; import { api } from '../../api/client';
import logoUrl from '../../assets/logo-radarsargasses971.png';
import './SargassesMap.css'; import './SargassesMap.css';
const INITIAL_VIEW = { longitude: -61.55, latitude: 16.25, zoom: 9 }; 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" /> <NavigationControl position="bottom-right" />
<img src={logoUrl} className="smap-logo" alt="Radar Sargasses 971" />
{dataDate && ( {dataDate && (
<div className="smap-freshness"> <div className="smap-freshness">
Données du {dataDate.toLocaleDateString('fr-FR', { day: '2-digit', month: '2-digit' })} 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; flex-shrink: 0;
} }
.topbar__logo { font-size: 20px; } .topbar__logo-img {
height: 36px;
.topbar__title { width: auto;
font-family: 'Fredoka One', cursive; display: block;
font-size: 17px;
font-weight: 400;
color: #f1f5f9;
white-space: nowrap;
letter-spacing: 0.02em;
} }
/* ── Islands nav ── */ /* ── Islands nav ── */

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

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