change style

KlimDos · Mar 6, 2023 · db876ac · db876ac
1 parent d0873b9
commit db876ac
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 17 deletions.
diff --git a/src/static/radio.js b/src/static/radio.js
@@ -45,15 +45,15 @@ function change_text(song_path) {
 let cursor_pos = 1;
 function showSelect(move) {
   cursor_pos += move;
-  if (cursor_pos > 7) {
+  if (cursor_pos > 6) {
     cursor_pos = 0;
   } else if (cursor_pos < 0) {
-    cursor_pos = 7;
+    cursor_pos = 6;
   }
   const ids = [
     "menu_radio_switch",
     "menu_volume",
-    "menu_radio_name",
+    // "menu_radio_name",
     "menu_now_playing",
     "menu_radio_logo",
     "menu_author",

diff --git a/src/static/style.css b/src/static/style.css
@@ -36,8 +36,8 @@ body {
 }
 
 .select:hover {
-  background-color: yellow;
+  background-color: black;
 }
 .select_key {
-  background-color: yellow;
+  background-color: white;
 }
diff --git a/src/templates/radio.html b/src/templates/radio.html
@@ -38,19 +38,20 @@
 
   <div id="menu" class="position-absolute w-25 top-50 start-50 translate-middle fs-1 text-center d-none d-lg-block">
     <div>
-      <span id="menu_radio_switch" class="d-flex justify-content-between select">
-        radio
-        <div>
-          <p id="switch" href="javascript:void(0);" class="text-decoration-none" onclick="change_text('static/grand-theft-auto-gta-vice.ogg')">off</p>
-        </div>
-      </span>
+      <div id="menu_radio_switch" class="d-flex justify-content-between select">
+        <div>radio</div>
+        <div id="switch" href="javascript:void(0);" class="text-decoration-none" onclick="change_text('static/grand-theft-auto-gta-vice.ogg')">off</div>
+      </div>
+    </div>
+    <div id="menu_volume" class="d-flex justify-content-between select">
+      <div>volume</div>
+      <div>4</div>
     </div>
-    <div><span id="menu_volume" class="select">volume</span></div>
-    <div><span id="menu_radio_name" class="select">Radio name</span></div>
-    <div><span id="menu_now_playing" class="select">Now playing</span></div>
-    <div><span id="menu_radio_logo" class="select"><img src="static/k-chat.webp" class="card-img w-50 border" alt="..." /></span></div>
-    <div><span id="menu_author" class="select">Author</span></div>
-    <div><span id="menu_back" class="select">back</span></div>
+    <!-- <div id="menu_radio_name" class="select">Radio name</div> -->
+    <div id="menu_now_playing" class="select">Now playing</div>
+    <div id="menu_radio_logo" class="select"><img src="static/k-chat.webp" class="card-img w-50" alt="..." /></div>
+    <div id="menu_author" class="select">Author</div>
+    <div id="menu_back" class="select">back</div>
   </div>
 
   <div id="menu_mobile" class="position-absolute top-0 start-50 translate-middle-x text-center d-block d-lg-none h-75 w-50 pt-2 big_text">