more header, icon updates

This commit is contained in:
root 2024-10-24 21:07:50 +00:00
parent 4b028a42d6
commit 02bcd0c019

View file

@ -49,7 +49,7 @@
text-decoration: none; text-decoration: none;
} }
#header a:hover { #header a:hover {
text-decoration: underline; opacity: 0.7;
} }
#header div:nth-child(2) { #header div:nth-child(2) {
flex-grow: 1; flex-grow: 1;
@ -98,14 +98,14 @@
<div id="header"> <div id="header">
<div><a href="https://meshmap.net/" title="A nearly live map of Meshtastic nodes seen by the official Meshtastic MQTT server">MeshMap</a></div> <div><a href="https://meshmap.net/" title="A nearly live map of Meshtastic nodes seen by the official Meshtastic MQTT server">MeshMap</a></div>
<div> <div>
<span <a
onclick="window.localStorage.setItem('theme', document.body.classList.toggle('dark') ? 'dark' : 'light')" href="#"
style="cursor:pointer;" onclick="window.localStorage.setItem('theme', document.body.classList.toggle('dark') ? 'dark' : 'light');return false"
title="Toggle dark mode" title="Toggle dark mode"
><i class="fa fa-moon-o fa-fw dark-hidden"></i><i class="fa fa-sun-o fa-fw dark-only"></i></span> ><i class="fa fa-moon-o fa-lg dark-hidden"></i><i class="fa fa-sun-o fa-lg dark-only"></i></a>
</div> </div>
<div><a href="https://github.com/brianshea2/meshmap.net" title="GitHub"><i class="fa fa-github fa-lg"></i></a></div>
<div><a href="https://meshtastic.org/">Meshtastic</a></div> <div><a href="https://meshtastic.org/">Meshtastic</a></div>
<div><a href="https://github.com/brianshea2/meshmap.net">GitHub</a></div>
</div> </div>
<div id="map"></div> <div id="map"></div>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" crossorigin=""></script> <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" crossorigin=""></script>
@ -184,7 +184,7 @@
{ {
stateName: 'geolocation-button', stateName: 'geolocation-button',
title: 'Center map to current IP geolocation', title: 'Center map to current IP geolocation',
icon: 'fa-crosshairs', icon: 'fa-crosshairs fa-lg',
onClick: () => { onClick: () => {
fetch(`https://ipinfo.io/json?token=${ipinfoToken}`) fetch(`https://ipinfo.io/json?token=${ipinfoToken}`)
.then(r => r.json()) .then(r => r.json())