Merge pull request #88 from fred913/main

fix: settings menu
duiqt · Jul 13, 2023 · 49cb0a8 · 49cb0a8
2 parents 3674f4a + 8053f6f
commit 49cb0a8
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 18 deletions.
diff --git a/static/css/style.css b/static/css/style.css
@@ -358,4 +358,13 @@ h2 {
     /* position: absolute; */
     top: 0px;
     left: 0px;
-}
+}
+
+td#setting-item-table-td {
+    text-align: right;
+}
+
+td#setting-item-table-td > div.mdui-select {
+    text-align: center;
+    width: 100%;
+}
diff --git a/static/js/script.js b/static/js/script.js
@@ -523,23 +523,38 @@ const progress = [0, 1];
         mdui.dialog({
             title: 'Options',
             content: `<div style="min-height: 350px;" class="mdui-typo">
-    <label id="options-txt-lang">Page Language</label>
-    <select id="language-selector" class="mdui-select" mdui-select='{"position": "bottom"}'>
-        <option value="en">English</option>
-        <option value="cn">中文</option>
-        <option value="ja">日本語</option>
-        <option value="kr">한국어</option>
-        <option value="id">Bahasa Indonesia</option>
-        <option value="pt">Português-BR</option>
-    </select>
-    <br />
-    <label id="options-txt-vo-lang">Voice-Over Language</label>
-    <select id="vo-language-selector" class="mdui-select" mdui-select='{"position": "bottom"}'>
-        <option value="ja">日本語</option>
-        <option value="cn">中文</option>
-        <option value="en">English</option>
-        <option value="kr">한국어</option>
-    </select>
+    <table style="width:100%">
+        <tr>
+            <td style="width: 33.33%">
+                <label id="options-txt-lang">Page Language</label>
+            </td>
+            <td style="width: 33.33%"></td>
+            <td id="setting-item-table-td" style="width: 33.33%">
+                <select id="language-selector" class="mdui-select" mdui-select='{"position": "bottom"}'>
+                    <option value="en">English</option>
+                    <option value="cn">中文</option>
+                    <option value="ja">日本語</option>
+                    <option value="kr">한국어</option>
+                    <option value="id">Bahasa Indonesia</option>
+                    <option value="pt">Português-BR</option>
+                </select>
+            </td>
+        </tr>
+        <tr>
+            <td style="width: 33.33%">
+                <label id="options-txt-vo-lang">Voice-Over Language</label>
+            </td>
+            <td style="width: 33.33%"></td>
+            <td id="setting-item-table-td" style="width: 33.33%">
+                <select id="vo-language-selector" class="mdui-select" mdui-select='{"position": "bottom"}'>
+                    <option value="ja">日本語</option>
+                    <option value="cn">中文</option>
+                    <option value="en">English</option>
+                    <option value="kr">한국어</option>
+                </select>
+            </td>
+        </tr>
+    </table>
 </div>`,
             buttons: [
                 {