2 file edited

Croc-Prog-github · Feb 17, 2024 · 5bc5c7e · 5bc5c7e
1 parent d77e40b
commit 5bc5c7e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/game/home.css b/game/home.css
@@ -80,6 +80,6 @@ body {
   z-index: 1;
 }
 #menu.open {
-  width: 150px; /* Larghezza del menu aperto */
+  width: 170px; /* Larghezza del menu aperto */
   right: 0px;
 }
diff --git a/game/home.html b/game/home.html
@@ -146,13 +146,13 @@
     </div>
     <div id="menu" style="margin-top: 20px; margin-right: 8px; display: flex; justify-content: flex-start; flex-direction: column;">
       <div name="menùUI" style="display: block; width: fit-content; display: flex; flex-direction: column; align-items: stretch; height: 65%; justify-content: center;">
-        <button style="margin-inline: 10px; margin-top: 15px; min-inline-size: max-content; background: lightgray; border: solid 3px gray;" onclick="rend(1)">Gestione dati</button>
-        <button style="margin-inline: 10px; margin-top: 15px; min-inline-size: max-content; background: lightgray; border: solid 3px gray;" onclick="rend(3)">Modalità di gioco</button>
-        <button name="impo" onclick="OSett()" style="margin-inline: 10px; margin-top: 15px; min-inline-size: max-content; background: lightgray; border: solid 3px gray;">Impostazioni</button>
-        <button style="margin-top: 15px; margin-inline: 10px; min-inline-size: max-content; background: lightgray; border: solid 3px gray;" onclick="rend(2)">Guida e assistenza</button>
-        <button onclick="rend(4)" style="margin-inline: 10px; margin-top: 15px; min-inline-size: max-content; background: lightgray; border: solid 3px gray;">Lascia un feedback</button>
-        <button onclick="rend(5)" style="margin-inline: 10px; margin-top: 15px; min-inline-size: max-content; background: lightgray; border: solid 3px gray;">Riconoscimenti</button>
-        <button onclick="" style="margin-inline: 10px; margin-top: 15px; min-inline-size: max-content; background: lightgray; border: solid 3px gray;">Console</button>      
+        <button style="display: flex; align-items: center; justify-content: center; margin-inline: 10px; margin-top: 15px; min-inline-size: max-content; background: lightgray; border: solid 3px gray;" onclick="rend(1)"><svg fill="#535252" height="24" viewBox="0 -960 960 960" width="24"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h480l160 160v212q-19-8-39.5-10.5t-40.5.5v-169L647-760H200v560h240v80H200Zm0-640v560-560ZM520-40v-123l221-220q9-9 20-13t22-4q12 0 23 4.5t20 13.5l37 37q8 9 12.5 20t4.5 22q0 11-4 22.5T863-260L643-40H520Zm300-263-37-37 37 37ZM580-100h38l121-122-18-19-19-18-122 121v38Zm141-141-19-18 37 37-18-19ZM240-560h360v-160H240v160Zm240 320h4l116-115v-5q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Z"/></svg> Gestione dati</button>
+        <button style="display: flex; align-items: center; justify-content: center; margin-inline: 10px; margin-top: 15px; min-inline-size: max-content; background: lightgray; border: solid 3px gray;" onclick="rend(3)"><svg fill="#535252" height="24" viewBox="0 -960 960 960" width="24"><path d="M200-200v-560 560-1 1Zm0 80q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v334q-19-7-39-10.5t-41-3.5v-320H200v560h320q0 21 3.5 41t10.5 39H200Zm560 80-56-56 63-64H600v-80h167l-63-64 56-56 160 160L760-40ZM440-280h80v-160h160v-80H520v-160h-80v160H280v80h160v160Z"/></svg> Modalità di gioco</button>
+        <button name="impo" onclick="OSett()" style="display: flex; align-items: center; justify-content: center; margin-inline: 10px; margin-top: 15px; min-inline-size: max-content; background: lightgray; border: solid 3px gray;"><svg fill="#535252" height="24" viewBox="0 -960 960 960" width="24"><path d="M440-280h80l12-60q12-5 22.5-10.5T576-364l58 18 40-68-46-40q2-14 2-26t-2-26l46-40-40-68-58 18q-11-8-21.5-13.5T532-620l-12-60h-80l-12 60q-12 5-22.5 10.5T384-596l-58-18-40 68 46 40q-2 14-2 26t2 26l-46 40 40 68 58-18q11 8 21.5 13.5T428-340l12 60Zm40-120q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z"/></svg> Impostazioni</button>
+        <button style="display: flex; align-items: center; justify-content: center; margin-top: 15px; margin-inline: 10px; min-inline-size: max-content; background: lightgray; border: solid 3px gray;" onclick="rend(2)"><svg fill="#535252" height="24" viewBox="0 -960 960 960" width="24"><path d="M478-240q21 0 35.5-14.5T528-290q0-21-14.5-35.5T478-340q-21 0-35.5 14.5T428-290q0 21 14.5 35.5T478-240Zm-36-154h74q0-33 7.5-52t42.5-52q26-26 41-49.5t15-56.5q0-56-41-86t-97-30q-57 0-92.5 30T342-618l66 26q5-18 22.5-39t53.5-21q32 0 48 17.5t16 38.5q0 20-12 37.5T506-526q-44 39-54 59t-10 73Zm38 314q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg> Guida e assistenza</button>
+        <button onclick="rend(4)" style="display: flex; align-items: center; justify-content: center; margin-inline: 10px; margin-top: 15px; min-inline-size: max-content; background: lightgray; border: solid 3px gray;"><svg fill="#535252" height="24" viewBox="0 -960 960 960" width="24"><path d="m320-240 160-122 160 122-60-198 160-114H544l-64-208-64 208H220l160 114-60 198ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg> Lascia un feedback</button>
+        <button onclick="rend(5)" style="display: flex; align-items: center; justify-content: center; margin-inline: 10px; margin-top: 15px; min-inline-size: max-content; background: lightgray; border: solid 3px gray;"><svg fill="#535252" height="24" viewBox="0 -960 960 960" width="24"><path d="M560-680v-80h320v80H560Zm0 160v-80h320v80H560Zm0 160v-80h320v80H560Zm-240-40q-50 0-85-35t-35-85q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35ZM80-160v-76q0-21 10-40t28-30q45-27 95.5-40.5T320-360q56 0 106.5 13.5T522-306q18 11 28 30t10 40v76H80Zm86-80h308q-35-20-74-30t-80-10q-41 0-80 10t-74 30Zm154-240q17 0 28.5-11.5T360-520q0-17-11.5-28.5T320-560q-17 0-28.5 11.5T280-520q0 17 11.5 28.5T320-480Zm0-40Zm0 280Z"/></svg> Riconoscimenti</button>
+        <button onclick="" style="display: flex; align-items: center; justify-content: center; margin-inline: 10px; margin-top: 15px; min-inline-size: max-content; background: lightgray; border: solid 3px gray;"><svg fill="#535252" height="24" viewBox="0 -960 960 960" width="24"><path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H160v400Zm140-40-56-56 103-104-104-104 57-56 160 160-160 160Zm180 0v-80h240v80H480Z"/></svg> Console</button>      
       </div>
     </div>
 
@@ -269,7 +269,7 @@
 
     // Aggiungere il gestore di eventi all'elemento per aprire il menu
     menuToggle.addEventListener('click', clickHandler);
-    menuToggle.style.right = '151px'
+    menuToggle.style.right = '170px'
   } else {
     menu.classList.remove('open');