feat: Using monospace fonts in editors

Signed-off-by: Muhammed Hussein Karimi <info@karimi.dev>
This commit is contained in:
Muhammed Hussein Karimi 2023-11-11 21:53:02 +03:30
parent b12056aa83
commit bbe6bc42e0
4 changed files with 15 additions and 1 deletions

View file

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

View file

@ -24,7 +24,8 @@
<h2 class="mb-3">Docker Run</h2> <h2 class="mb-3">Docker Run</h2>
<div class="mb-3"> <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> </div>
<button class="btn-normal btn" @click="convertDockerRun">Convert to Compose</button> <button class="btn-normal btn" @click="convertDockerRun">Convert to Compose</button>
@ -191,6 +192,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import "../styles/vars"; @import "../styles/vars";
@import 'firacode/distr/fira_code.css';
.num { .num {
font-size: 30px; font-size: 30px;
@ -227,5 +229,6 @@ table {
.docker-run { .docker-run {
background-color: $dark-bg !important; background-color: $dark-bg !important;
border: none; border: none;
font-family: 'Fira Code', monospace;
} }
</style> </style>

View file

@ -27,6 +27,7 @@
"dayjs": "~1.11.10", "dayjs": "~1.11.10",
"express": "~4.18.2", "express": "~4.18.2",
"express-static-gzip": "~2.1.7", "express-static-gzip": "~2.1.7",
"firacode": "^6.2.0",
"http-graceful-shutdown": "~3.1.13", "http-graceful-shutdown": "~3.1.13",
"jsonwebtoken": "~9.0.2", "jsonwebtoken": "~9.0.2",
"jwt-decode": "~3.1.2", "jwt-decode": "~3.1.2",

View file

@ -38,6 +38,9 @@ dependencies:
express-static-gzip: express-static-gzip:
specifier: ~2.1.7 specifier: ~2.1.7
version: 2.1.7 version: 2.1.7
firacode:
specifier: ^6.2.0
version: 6.2.0
http-graceful-shutdown: http-graceful-shutdown:
specifier: ~3.1.13 specifier: ~3.1.13
version: 3.1.13 version: 3.1.13
@ -2125,6 +2128,10 @@ packages:
path-exists: 4.0.0 path-exists: 4.0.0
dev: true dev: true
/firacode@6.2.0:
resolution: {integrity: sha512-t5R3aO2BmhRXnYtKXbImLVNsILuCIbJ/XlDzBufjpi3il8P/CVdpWco83Ud3r2Tl0gitAmyP4o1fbJ52ozV1jw==}
dev: false
/flat-cache@3.1.1: /flat-cache@3.1.1:
resolution: {integrity: sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==} resolution: {integrity: sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==}
engines: {node: '>=12.0.0'} engines: {node: '>=12.0.0'}