UI sugar for aliased courier

GiovanH · Mar 17, 2024 · 18e94cf · 18e94cf
1 parent c81c343
commit 18e94cf
Showing 1 changed file with 16 additions and 4 deletions.
diff --git a/src/components/SystemPages/Settings.vue b/src/components/SystemPages/Settings.vue
@@ -147,10 +147,17 @@
                 <label><input type="checkbox" name="paragraphSpacing" v-model="$localData.settings.textOverride['paragraphSpacing']" @click="toggleSetting('paragraphSpacing', 'textOverride')"> Spacing between chat paragraphs</label>
                 <label><input type="checkbox" name="highContrast" v-model="$localData.settings.textOverride['highContrast']" @click="toggleSetting('highContrast', 'textOverride')"> High contrast text</label>
               </div>
-              <br><br>
-              <label>Font size:<input type="range" v-model="$localData.settings.textOverride.fontSize" min="0" max="6" step="1" list="fontSize"></label>
-              <br><br>
-              <label>Line height:<input type="range" v-model="$localData.settings.textOverride.lineHeight" min="0" max="7" step="1" list="lineHeight"></label>
+              <!-- <br><br> -->
+              <label class="fontslider" v-if="$localData.settings.textOverride.fontFamily != 'courierAliased'">
+              <!-- <label> -->
+                Font size:
+                <input type="range" v-model="$localData.settings.textOverride.fontSize" min="0" max="6" step="1" list="fontSize">
+              </label>
+              <!-- <br><br> -->
+              <label class="fontslider">
+                Line height:
+                <input type="range" v-model="$localData.settings.textOverride.lineHeight" min="0" max="7" step="1" list="lineHeight">
+              </label>
             </div>
             <div class="textpreviews">
               <!-- PageText usually require a tab change to recalculate theme. -->
@@ -1032,6 +1039,11 @@ export default {
         display: block;
       }
 
+      label.fontslider {
+        display: block;
+        margin-top: 1em;
+      }
+
       .textpreviews {
         border: 6px solid var(--page-pageFrame);
         padding: 6px;