Update README

frontend/src/components/Terminal.vue

@@ -77,8 +77,8 @@ export default {
         }
 
         this.terminal = new Terminal({
-            fontSize: 16,
-            fontFamily: "monospace",
+            fontSize: 14,
+            fontFamily: "'JetBrains Mono', monospace",
             cursorBlink,
             cols: this.cols,
             rows: this.rows,

frontend/src/main.ts

@@ -13,6 +13,7 @@ import Toast, { POSITION, useToast } from "vue-toastification";
 import "xterm/lib/xterm.js";
 
 // CSS
+import "@fontsource/jetbrains-mono";
 import "vue-toastification/dist/index.css";
 import "xterm/css/xterm.css";
 import "./styles/main.scss";

frontend/src/pages/Compose.vue

@@ -587,14 +587,13 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import 'firacode/distr/fira_code.css';
-
 .terminal {
     height: 200px;
 }
 
 .editor-box {
-    font-family: 'Fira Code', monospace;
+    font-family: 'JetBrains Mono', monospace;
+    font-size: 14px;
     &.edit-mode {
         background-color: #2c2f38 !important;
     }

frontend/src/pages/DashboardHome.vue

@@ -24,8 +24,7 @@
 
             <h2 class="mb-3">Docker Run</h2>
             <div class="mb-3">
-                <textarea id="name" v-model="dockerRunCommand" type="text" class="form-control docker-run" required
-                    placeholder="docker run ..."></textarea>
+                <textarea id="name" v-model="dockerRunCommand" type="text" class="form-control docker-run" required placeholder="docker run ..."></textarea>
             </div>
 
             <button class="btn-normal btn" @click="convertDockerRun">Convert to Compose</button>
@@ -192,7 +191,6 @@ export default {
 
 <style lang="scss" scoped>
 @import "../styles/vars";
-@import 'firacode/distr/fira_code.css';
 
 .num {
     font-size: 30px;
@@ -229,6 +227,7 @@ table {
 .docker-run {
     background-color: $dark-bg !important;
     border: none;
-    font-family: 'Fira Code', monospace;
+    font-family: 'JetBrains Mono', monospace;
+    font-size: 15px;
 }
 </style>