meh

LizardByte · Dec 16, 2024 · 4bd8cd2 · 4bd8cd2
1 parent 551e6b3
commit 4bd8cd2
Show file tree

Hide file tree

Showing 12 changed files with 45 additions and 79 deletions.
diff --git a/src_assets/common/assets/web/configs/tabs/Advanced.vue b/src_assets/common/assets/web/configs/tabs/Advanced.vue
@@ -80,7 +80,7 @@ const config = ref(props.config)
     </div>
 
     <!-- Encoder -->
-    <div class="mb-3">
+    <div>
       <label for="encoder" class="form-label">{{ $t('config.encoder') }}</label>
       <select id="encoder" class="form-select" v-model="config.encoder">
         <option value="">{{ $t('_common.autodetect') }}</option>

diff --git a/src_assets/common/assets/web/configs/tabs/AudioVideo.vue b/src_assets/common/assets/web/configs/tabs/AudioVideo.vue
@@ -54,12 +54,9 @@ const config = ref(props.config)
         </div>
 
         <!-- Install Steam Audio Drivers -->
-        <div class="mb-3">
-          <label for="install_steam_audio_drivers" class="form-label">{{ $t('config.install_steam_audio_drivers') }}</label>
-          <select id="install_steam_audio_drivers" class="form-select" v-model="config.install_steam_audio_drivers">
-            <option value="disabled">{{ $t('_common.disabled') }}</option>
-            <option value="enabled">{{ $t('_common.enabled_def') }}</option>
-          </select>
+        <div class="mb-3 form-check">
+          <label for="install_steam_audio_drivers" class="form-label">{{ $t('config.install_steam_audio_drivers') }}<div class="mt-0 form-text">{{ $t('_common.enabled_def_cbox') }}</div></label>
+          <input type="checkbox" class="form-check-input" id="install_steam_audio_drivers" v-model="config.install_steam_audio_drivers" true-value="enabled" false-value="disabled" />
           <div class="form-text">{{ $t('config.install_steam_audio_drivers_desc') }}</div>
         </div>
       </template>

diff --git a/src_assets/common/assets/web/configs/tabs/Files.vue b/src_assets/common/assets/web/configs/tabs/Files.vue
@@ -47,7 +47,7 @@ const config = ref(props.config)
     </div>
 
     <!-- State File -->
-    <div class="mb-3">
+    <div>
       <label for="file_state" class="form-label">{{ $t('config.file_state') }}</label>
       <input type="text" class="form-control" id="file_state" placeholder="sunshine_state.json"
              v-model="config.file_state" />

diff --git a/src_assets/common/assets/web/configs/tabs/General.vue b/src_assets/common/assets/web/configs/tabs/General.vue
@@ -120,7 +120,7 @@ function removeCmd(index) {
     </div>
 
     <!-- Notify Pre-Releases -->
-    <div class="mb-3 form-check" v-if="config.mouse === 'enabled'">
+    <div class="form-check">
       <label for="notify_pre_releases" class="form-label">{{ $t('config.notify_pre_releases') }}<div class="mt-0 form-text">{{ $t('_common.disabled_def_cbox') }}</div></label>
       <input type="checkbox" class="form-check-input" id="notify_pre_releases" v-model="config.notify_pre_releases" true-value="enabled" false-value="disabled" />
       <div class="form-text">{{ $t('config.notify_pre_releases_desc') }}</div>

diff --git a/src_assets/common/assets/web/configs/tabs/Inputs.vue b/src_assets/common/assets/web/configs/tabs/Inputs.vue
@@ -148,7 +148,7 @@ const config = ref(props.config)
     </div>
 
     <!-- Native pen/touch support -->
-    <div class="mb-3 form-check" v-if="config.mouse === 'enabled'">
+    <div class="form-check" v-if="config.mouse === 'enabled'">
       <label for="native_pen_touch" class="form-label">{{ $t('config.native_pen_touch') }}<div class="mt-0 form-text">{{ $t('_common.enabled_def_cbox') }}</div></label>
       <input type="checkbox" class="form-check-input" id="native_pen_touch" v-model="config.native_pen_touch" true-value="enabled" false-value="disabled" />
       <div class="form-text">{{ $t('config.native_pen_touch_desc') }}</div>

diff --git a/src_assets/common/assets/web/configs/tabs/Network.vue b/src_assets/common/assets/web/configs/tabs/Network.vue
@@ -15,12 +15,9 @@ const effectivePort = computed(() => +config.value?.port ?? defaultMoonlightPort
 <template>
   <div id="network" class="config-page">
     <!-- UPnP -->
-    <div class="mb-3">
-      <label for="upnp" class="form-label">{{ $t('config.upnp') }}</label>
-      <select id="upnp" class="form-select" v-model="config.upnp">
-        <option value="disabled">{{ $t('_common.disabled_def') }}</option>
-        <option value="enabled">{{ $t('_common.enabled') }}</option>
-      </select>
+    <div class="mb-3 form-check">
+      <label for="upnp" class="form-label">{{ $t('config.upnp') }}<div class="mt-0 form-text">{{ $t('_common.disabled_def_cbox') }}</div></label>
+      <input type="checkbox" class="form-check-input" id="upnp" v-model="config.upnp" true-value="enabled" false-value="disabled" />
       <div class="form-text">{{ $t('config.upnp_desc') }}</div>
     </div>
 
@@ -147,11 +144,11 @@ const effectivePort = computed(() => +config.value?.port ?? defaultMoonlightPort
     </div>
 
     <!-- Ping Timeout -->
-    <div class="mb-3">
+    <divZ>
       <label for="ping_timeout" class="form-label">{{ $t('config.ping_timeout') }}</label>
       <input type="text" class="form-control" id="ping_timeout" placeholder="10000" v-model="config.ping_timeout" />
       <div class="form-text">{{ $t('config.ping_timeout_desc') }}</div>
-    </div>
+    </divZ>
 
   </div>
 </template>

diff --git a/src_assets/common/assets/web/configs/tabs/audiovideo/AdapterNameSelector.vue b/src_assets/common/assets/web/configs/tabs/audiovideo/AdapterNameSelector.vue
@@ -20,7 +20,7 @@ const config = ref(props.config)
     <div class="form-text">
       <PlatformLayout :platform="platform">
         <template #windows>
-          {{ $t('config.adapter_name_desc_win') }}<br>
+          {{ $t('config.adapter_name_desc_windows') }}<br>
           <pre>tools\dxgi-info.exe</pre>
         </template>
         <template #linux>

diff --git a/src_assets/common/assets/web/configs/tabs/audiovideo/DisplayModesSettings.vue b/src_assets/common/assets/web/configs/tabs/audiovideo/DisplayModesSettings.vue
@@ -16,14 +16,11 @@ const fpsIn = ref("")
 </script>
 
 <template>
-  <div class="mb-3">
-    <!--min_fps_factor-->
-    <div class="mb-3">
-      <label for="qp" class="form-label">{{ $t('config.min_fps_factor') }}</label>
-      <input type="number" min="1" max="3" class="form-control" id="min_fps_factor" placeholder="1" v-model="config.min_fps_factor" />
-      <div class="form-text">{{ $t('config.min_fps_factor_desc') }}</div>
-    </div>
-
+  <!--min_fps_factor-->
+  <div>
+    <label for="qp" class="form-label">{{ $t('config.min_fps_factor') }}</label>
+    <input type="number" min="1" max="3" class="form-control" id="min_fps_factor" placeholder="1" v-model="config.min_fps_factor" />
+    <div class="form-text">{{ $t('config.min_fps_factor_desc') }}</div>
   </div>
 </template>
 

diff --git a/src_assets/common/assets/web/configs/tabs/encoders/AmdAmfEncoder.vue b/src_assets/common/assets/web/configs/tabs/encoders/AmdAmfEncoder.vue
@@ -25,7 +25,7 @@ const config = ref(props.config)
     </div>
 
     <!-- AMD Rate Control group options -->
-    <div class="accordion">
+    <div class="mb-3 accordion">
       <div class="accordion-item">
         <h2 class="accordion-header">
           <button class="accordion-button" type="button" data-bs-toggle="collapse"
@@ -49,12 +49,9 @@ const config = ref(props.config)
             </div>
 
             <!-- AMF HRD Enforcement -->
-            <div class="mb-3">
-              <label for="amd_enforce_hrd" class="form-label">{{ $t('config.amd_enforce_hrd') }}</label>
-              <select id="amd_enforce_hrd" class="form-select" v-model="config.amd_enforce_hrd">
-                <option value="enabled">{{ $t('_common.enabled') }}</option>
-                <option value="disabled">{{ $t('_common.disabled_def') }}</option>
-              </select>
+            <div class="form-check">
+              <label for="amd_enforce_hrd" class="form-label">{{ $t('config.amd_enforce_hrd') }}<div class="mt-0 form-text">{{ $t('_common.disabled_def_cbox') }}</div></label>
+              <input type="checkbox" class="form-check-input" id="amd_enforce_hrd" v-model="config.amd_enforce_hrd" true-value="enabled" false-value="disabled" />
               <div class="form-text">{{ $t('config.amd_enforce_hrd_desc') }}</div>
             </div>
           </div>
@@ -86,27 +83,21 @@ const config = ref(props.config)
             </div>
 
             <!-- AMD Preanalysis -->
-            <div class="mb-3">
-              <label for="amd_preanalysis" class="form-label">{{ $t('config.amd_preanalysis') }}</label>
-              <select id="amd_preanalysis" class="form-select" v-model="config.amd_preanalysis">
-                <option value="disabled">{{ $t('_common.disabled_def') }}</option>
-                <option value="enabled">{{ $t('_common.enabled') }}</option>
-              </select>
+            <div class="mb-3 form-check">
+              <label for="amd_preanalysis" class="form-label">{{ $t('config.amd_preanalysis') }}<div class="mt-0 form-text">{{ $t('_common.disabled_def_cbox') }}</div></label>
+              <input type="checkbox" class="form-check-input" id="amd_preanalysis" v-model="config.amd_preanalysis" true-value="enabled" false-value="disabled" />
               <div class="form-text">{{ $t('config.amd_preanalysis_desc') }}</div>
             </div>
 
             <!-- AMD VBAQ -->
-            <div class="mb-3">
-              <label for="amd_vbaq" class="form-label">{{ $t('config.amd_vbaq') }}</label>
-              <select id="amd_vbaq" class="form-select" v-model="config.amd_vbaq">
-                <option value="disabled">{{ $t('_common.disabled') }}</option>
-                <option value="enabled">{{ $t('_common.enabled_def') }}</option>
-              </select>
+            <div class="mb-3 form-check">
+              <label for="amd_vbaq" class="form-label">{{ $t('config.amd_vbaq') }}<div class="mt-0 form-text">{{ $t('_common.enabled_def_cbox') }}</div></label>
+              <input type="checkbox" class="form-check-input" id="amd_vbaq" v-model="config.amd_vbaq" true-value="enabled" false-value="disabled" />
               <div class="form-text">{{ $t('config.amd_vbaq_desc') }}</div>
             </div>
 
             <!-- AMF Coder (H264) -->
-            <div class="mb-3">
+            <div>
               <label for="amd_coder" class="form-label">{{ $t('config.amd_coder') }}</label>
               <select id="amd_coder" class="form-select" v-model="config.amd_coder">
                 <option value="auto">{{ $t('config.ffmpeg_auto') }}</option>

diff --git a/src_assets/common/assets/web/configs/tabs/encoders/IntelQuickSyncEncoder.vue b/src_assets/common/assets/web/configs/tabs/encoders/IntelQuickSyncEncoder.vue
@@ -36,15 +36,11 @@ const config = ref(props.config)
     </div>
 
     <!-- Allow Slow HEVC Encoding -->
-    <div class="mb-3">
-      <label for="qsv_slow_hevc" class="form-label">{{ $t('config.qsv_slow_hevc') }}</label>
-      <select id="qsv_slow_hevc" class="form-select" v-model="config.qsv_slow_hevc">
-        <option value="disabled">{{ $t('_common.disabled_def') }}</option>
-        <option value="enabled">{{ $t('_common.enabled') }}</option>
-      </select>
+    <div class="form-check">
+      <label for="qsv_slow_hevc" class="form-label">{{ $t('config.qsv_slow_hevc') }}<div class="mt-0 form-text">{{ $t('_common.disabled_def_cbox') }}</div></label>
+      <input type="checkbox" class="form-check-input" id="qsv_slow_hevc" v-model="config.qsv_slow_hevc" true-value="enabled" false-value="disabled" />
       <div class="form-text">{{ $t('config.qsv_slow_hevc_desc') }}</div>
     </div>
-
   </div>
 </template>
 

diff --git a/src_assets/common/assets/web/configs/tabs/encoders/NvidiaNvencEncoder.vue b/src_assets/common/assets/web/configs/tabs/encoders/NvidiaNvencEncoder.vue
@@ -72,12 +72,9 @@ const config = ref(props.config)
              aria-labelledby="panelsStayOpen-headingOne">
           <div class="accordion-body">
             <!-- NVENC Realtime HAGS priority -->
-            <div class="mb-3" v-if="platform === 'windows'">
-              <label for="nvenc_realtime_hags" class="form-label">{{ $t('config.nvenc_realtime_hags') }}</label>
-              <select id="nvenc_realtime_hags" class="form-select" v-model="config.nvenc_realtime_hags">
-                <option value="disabled">{{ $t('_common.disabled') }}</option>
-                <option value="enabled">{{ $t('_common.enabled_def') }}</option>
-              </select>
+            <div class="mb-3 form-check" v-if="platform === 'windows'">
+              <label for="nvenc_realtime_hags" class="form-label">{{ $t('config.nvenc_realtime_hags') }}<div class="mt-0 form-text">{{ $t('_common.enabled_def_cbox') }}</div></label>
+              <input type="checkbox" class="form-check-input" id="nvenc_realtime_hags" v-model="config.nvenc_realtime_hags" true-value="enabled" false-value="disabled" />
               <div class="form-text">
                 {{ $t('config.nvenc_realtime_hags_desc') }}<br>
                 <br>
@@ -86,32 +83,23 @@ const config = ref(props.config)
             </div>
 
             <!-- Prefer lower encoding latency over power savings -->
-            <div class="mb-3" v-if="platform === 'windows'">
-              <label for="nvenc_latency_over_power" class="form-label">{{ $t('config.nvenc_latency_over_power') }}</label>
-              <select id="nvenc_latency_over_power" class="form-select" v-model="config.nvenc_latency_over_power">
-                <option value="disabled">{{ $t('_common.disabled') }}</option>
-                <option value="enabled">{{ $t('_common.enabled_def') }}</option>
-              </select>
+            <div class="mb-3 form-check" v-if="platform === 'windows'">
+              <label for="nvenc_latency_over_power" class="form-label">{{ $t('config.nvenc_latency_over_power') }}<div class="mt-0 form-text">{{ $t('_common.enabled_def_cbox') }}</div></label>
+              <input type="checkbox" class="form-check-input" id="nvenc_latency_over_power" v-model="config.nvenc_latency_over_power" true-value="enabled" false-value="disabled" />
               <div class="form-text">{{ $t('config.nvenc_latency_over_power_desc') }}</div>
             </div>
 
             <!-- Present OpenGL/Vulkan on top of DXGI -->
-            <div class="mb-3" v-if="platform === 'windows'">
-              <label for="nvenc_opengl_vulkan_on_dxgi" class="form-label">{{ $t('config.nvenc_opengl_vulkan_on_dxgi') }}</label>
-              <select id="nvenc_opengl_vulkan_on_dxgi" class="form-select" v-model="config.nvenc_opengl_vulkan_on_dxgi">
-                <option value="disabled">{{ $t('_common.disabled') }}</option>
-                <option value="enabled">{{ $t('_common.enabled_def') }}</option>
-              </select>
+            <div class="mb-3 form-check" v-if="platform === 'windows'">
+              <label for="nvenc_opengl_vulkan_on_dxgi" class="form-label">{{ $t('config.nvenc_opengl_vulkan_on_dxgi') }}<div class="mt-0 form-text">{{ $t('_common.enabled_def_cbox') }}</div></label>
+              <input type="checkbox" class="form-check-input" id="nvenc_opengl_vulkan_on_dxgi" v-model="config.nvenc_opengl_vulkan_on_dxgi" true-value="enabled" false-value="disabled" />
               <div class="form-text">{{ $t('config.nvenc_opengl_vulkan_on_dxgi_desc') }}</div>
             </div>
 
             <!-- NVENC H264 CAVLC -->
-            <div>
-              <label for="nvenc_h264_cavlc" class="form-label">{{ $t('config.nvenc_h264_cavlc') }}</label>
-              <select id="nvenc_h264_cavlc" class="form-select" v-model="config.nvenc_h264_cavlc">
-                <option value="disabled">{{ $t('_common.disabled_def') }}</option>
-                <option value="enabled">{{ $t('_common.enabled') }}</option>
-              </select>
+            <div class="form-check">
+              <label for="nvenc_h264_cavlc" class="form-label">{{ $t('config.nvenc_h264_cavlc') }}<div class="mt-0 form-text">{{ $t('_common.disabled_def_cbox') }}</div></label>
+              <input type="checkbox" class="form-check-input" id="nvenc_h264_cavlc" v-model="config.nvenc_h264_cavlc" true-value="enabled" false-value="disabled" />
               <div class="form-text">{{ $t('config.nvenc_h264_cavlc_desc') }}</div>
             </div>
           </div>

diff --git a/src_assets/common/assets/web/configs/tabs/encoders/SoftwareEncoder.vue b/src_assets/common/assets/web/configs/tabs/encoders/SoftwareEncoder.vue
@@ -27,7 +27,7 @@ const config = ref(props.config)
       <div class="form-text">{{ $t('config.sw_preset_desc') }}</div>
     </div>
 
-    <div class="mb-3">
+    <div>
       <label for="sw_tune" class="form-label">{{ $t('config.sw_tune') }}</label>
       <select id="sw_tune" class="form-select" v-model="config.sw_tune">
         <option value="film">{{ $t('config.sw_tune_film') }}</option>