Adding settings.

2026-07-08 00:09:45 +02:00
parent 5e332522e3
commit f949e2dbb3
10 changed files with 438 additions and 75 deletions
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<link rel="stylesheet" href="styles.css" />
+	<meta charset="UTF-8" />
+	<title>RktPlayer - A music player - Settings</title>
+	<script src="menu.js"></script>
+</head>
+<body>
+  <div class="pane">
+        <div class="keyval">
+            <label for="language" id="lbl-language">Languages:</label>
+            <span id="language">Languages</span>
+        </div>
+        <label id="lbl-libary-path">Library path:</label>
+	<table class="libraries">
+		<thead id="lib-head">
+		  <tr><th id="lbl-name"></th><th id="lbl-local-path"></th><th id="lbl-host"></th><th id="lbl-prefixes"></th></tr>
+		</thead>
+		<tbody id="lib-body">
+		</tbody>
+	</table>
+	<div class="button-box">
+	  <button id="ok">OK</button>
+	  <button id="cancel">Cancel</button>
+          <button id="dev">devtools</button>
+	</div>
+  </div>
+</body>
+</html>
@@ -9,7 +9,23 @@ body {
 	height: calc(100vh - 2em - 20px);
 	width: calc(100% - 10px);
 	display: flex;
-    flex-direction: column;
+        flex-direction: column;
+        padding: 3px;
+}
+
+.keyval {
+  width: 100%;
+  padding-bottom: 5px;
+}
+
+.keyval label {
+  display: inline-block;
+  width: calc(30% - 5px);
+}
+
+.keyval span {
+  display: inline-block;
+  width: calc(70% - 10px);
 }

 .buttons {
@@ -352,4 +368,14 @@ input.v-slider {
  }
 }

-       
+
+select, option {
+  all: revert;
+}
+
+.pane {
+  display: block !important;
+}
+
+
+