- AbitaregliIblei.it

- Server aggiornamenti agli script.
- Editor HTML corretto un po'.
- Record Mysql per server (appena iniziato)

src/css/app.scss

@@ -2001,22 +2001,35 @@ h3 {
 }
 
 .marker-shadow {
-  width: 40px; /* Dimensione dell'ombra, dovrebbe corrispondere all'icona principale */
-  height: 40px; /* Dimensione dell'ombra */
-  position: absolute; /* Posizionamento assoluto per posizionarla correttamente */
-  top: 3px; /* Allineata sopra */
-  left: 8px; /* Allineata a sinistra */
-  z-index: -10; /* Assicurati che l'ombra sia sotto */
-  opacity: 1; /* L'opacità dell'ombra per un effetto realistico */
+  width: 40px;
+  /* Dimensione dell'ombra, dovrebbe corrispondere all'icona principale */
+  height: 40px;
+  /* Dimensione dell'ombra */
+  position: absolute;
+  /* Posizionamento assoluto per posizionarla correttamente */
+  top: 3px;
+  /* Allineata sopra */
+  left: 8px;
+  /* Allineata a sinistra */
+  z-index: -10;
+  /* Assicurati che l'ombra sia sotto */
+  opacity: 1;
+  /* L'opacità dell'ombra per un effetto realistico */
 }
 
 .custom-icon .material-icons {
-  position: absolute; /* Posizionamento assoluto per centrare */
-  top: 50%; /* Posizionamento verticale */
-  left: 50%; /* Posizionamento orizzontale */
-  transform: translate(-50%, -50%); /* Centra l'icona */
-  font-size: 40px; /* Dimensione dell'icona 20x20 */
-  color: blue; /* Colore dell'icona (puoi cambiarlo) */
+  position: absolute;
+  /* Posizionamento assoluto per centrare */
+  top: 50%;
+  /* Posizionamento verticale */
+  left: 50%;
+  /* Posizionamento orizzontale */
+  transform: translate(-50%, -50%);
+  /* Centra l'icona */
+  font-size: 40px;
+  /* Dimensione dell'icona 20x20 */
+  color: blue;
+  /* Colore dell'icona (puoi cambiarlo) */
 }
 
 .current-location-icon {
@@ -2025,6 +2038,7 @@ h3 {
   border-radius: 50%;
   box-shadow: 0 0 0 4px #4A89F3;
 }
+
 .current-location-icon::after {
   content: '';
   position: absolute;
@@ -2043,27 +2057,53 @@ h3 {
 }
 
 .no-padding-dialog .q-dialog__inner {
-  padding: 0 !important; /* Rimuove il padding dal dialog */
+  padding: 0 !important;
+  /* Rimuove il padding dal dialog */
 }
 
 .custom-zoom-button {
   background-color: white;
-  border: 2px solid #007bff; /* Colore del bordo */
+  border: 2px solid #007bff;
+  /* Colore del bordo */
   border-radius: 4px;
   padding: 5px 10px;
   cursor: pointer;
-  margin-top: 10px; /* Spaziatura dal bordo superiore */
-  z-index: 1000; /* Assicurati che appaia sopra altri controlli */
+  margin-top: 10px;
+  /* Spaziatura dal bordo superiore */
+  z-index: 1000;
+  /* Assicurati che appaia sopra altri controlli */
 }
 
 .custom-zoom-button:hover {
-  background-color: #007bff; /* Colore di sfondo al passaggio del mouse */
-  color: white; /* Colore del testo al passaggio del mouse */
+  background-color: #007bff;
+  /* Colore di sfondo al passaggio del mouse */
+  color: white;
+  /* Colore del testo al passaggio del mouse */
 }
 
 .barretta-sep {
-    background-color: #dadce0;
-    border-radius: 2px;
-    height: 4px;
-    width: 100%;
+  background-color: #dadce0;
+  border-radius: 2px;
+  height: 4px;
+  width: 100%;
+}
+
+.fixed-button {
+  position: fixed;
+  bottom: 16px;
+  /* Distanza dal fondo */
+  right: 16px;
+  /* Distanza dal lato */
+  z-index: 1000;
+  /* Opzionale: assicura che il bottone sia sopra altri elementi */
+}
+
+.fixed-button2 {
+  position: fixed;
+  bottom: 16px;
+  /* Distanza dal fondo */
+  right: 120px;
+  /* Distanza dal lato */
+  z-index: 1000;
+  /* Opzionale: assicura che il bottone sia sopra altri elementi */
 }