style: use monospace font on console input

Signed-off-by: Pedro Lamas <[email protected]>
fluidd-core · Jun 28, 2023 · 7f2bd38 · 7f2bd38
1 parent 7186927
commit 7f2bd38
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/src/components/settings/presets/PresetDialog.vue b/src/components/settings/presets/PresetDialog.vue
@@ -90,6 +90,7 @@
           hide-details="auto"
           filled
           spellcheck="false"
+          class="console-command"
         />
       </app-setting>
     </div>
@@ -123,3 +124,9 @@ export default class TemperaturePresetDialog extends Vue {
   }
 }
 </script>
+
+<style lang="scss" scoped>
+  .console-command {
+    font-family: monospace;
+  }
+</style>
diff --git a/src/components/widgets/console/ConsoleCommand.vue b/src/components/widgets/console/ConsoleCommand.vue
@@ -15,6 +15,7 @@
           dense
           hide-details
           spellcheck="false"
+          class="console-command"
           @input="emitChange"
           @keyup.enter.exact="emitSend(newValue)"
           @keydown.enter.exact.prevent
@@ -133,3 +134,9 @@ export default class ConsoleCommand extends Vue {
   }
 }
 </script>
+
+<style lang="scss" scoped>
+  .console-command {
+    font-family: monospace;
+  }
+</style>
diff --git a/src/components/widgets/macros/MacroBtn.vue b/src/components/widgets/macros/MacroBtn.vue
@@ -47,7 +47,7 @@
                 dense
                 hide-details="auto"
                 spellcheck="false"
-                class=""
+                class="console-command"
                 :class="{ 'mb-3': (i < paramList.length - 1) }"
               >
                 <template #append>
@@ -159,4 +159,8 @@ export default class MacroBtn extends Mixins(StateMixin) {
   .macro-params > * {
     flex: 1 1 40px;
   }
+
+  .console-command :deep(.v-text-field__slot input) {
+    font-family: monospace;
+  }
 </style>