update frontend
This commit is contained in:
parent
86d6f153c6
commit
0989edbd09
|
|
@ -345,6 +345,7 @@ export default function MapView({
|
||||||
<div ref={containerRef} className="map-container" />
|
<div ref={containerRef} className="map-container" />
|
||||||
{status && <div className="map-status">{status}</div>}
|
{status && <div className="map-status">{status}</div>}
|
||||||
|
|
||||||
|
{/* === TOP OVERLAY: Search + 2 boutons === */}
|
||||||
<div className="map-overlay map-overlay-top">
|
<div className="map-overlay map-overlay-top">
|
||||||
<form
|
<form
|
||||||
className="sw-searchbar"
|
className="sw-searchbar"
|
||||||
|
|
@ -376,10 +377,25 @@ export default function MapView({
|
||||||
) : null}
|
) : null}
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<button className="chip-pill" onClick={handleOpenCreate}>
|
<div className="map-top-buttons">
|
||||||
|
<button
|
||||||
|
className="chip-pill"
|
||||||
|
type="button"
|
||||||
|
onClick={handleFlyToMe}
|
||||||
|
disabled={!userPosition}
|
||||||
|
>
|
||||||
|
My spot
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button
|
||||||
|
className="chip-pill"
|
||||||
|
type="button"
|
||||||
|
onClick={handleOpenCreate}
|
||||||
|
>
|
||||||
Place your wire
|
Place your wire
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="map-overlay map-overlay-left">
|
<div className="map-overlay map-overlay-left">
|
||||||
<TimeFilterButtons active={timeFilter} onSelect={(code) => setTimeFilter(code)} />
|
<TimeFilterButtons active={timeFilter} onSelect={(code) => setTimeFilter(code)} />
|
||||||
|
|
@ -410,11 +426,7 @@ export default function MapView({
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="map-overlay map-overlay-myloc">
|
{/* On n'a plus besoin du bouton My spot séparé en bas, il est en haut maintenant */}
|
||||||
<button className="chip-pill" disabled={!userPosition} onClick={handleFlyToMe}>
|
|
||||||
My spot
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{isCreating && (
|
{isCreating && (
|
||||||
<div className="map-overlay map-crosshair">
|
<div className="map-overlay map-crosshair">
|
||||||
|
|
|
||||||
|
|
@ -164,3 +164,12 @@ body[data-theme="light"] .sw-search-clear{
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
/* SW_SEARCHBAR:END */
|
/* SW_SEARCHBAR:END */
|
||||||
|
|
||||||
|
/* SW_MAP_TOP_BUTTONS: deux boutons à côté de la search bar */
|
||||||
|
.map-top-buttons{
|
||||||
|
display:flex;
|
||||||
|
gap:.45rem;
|
||||||
|
flex-wrap:wrap;
|
||||||
|
align-items:center;
|
||||||
|
justify-content:center;
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue