mirror of
https://github.com/louislam/dockge.git
synced 2024-11-24 03:44:03 +00:00
✨ feat: Using monospace fonts in editors
Signed-off-by: Muhammed Hussein Karimi <info@karimi.dev>
This commit is contained in:
parent
b12056aa83
commit
bbe6bc42e0
4 changed files with 15 additions and 1 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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",
|
||||||
|
|
|
@ -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'}
|
||||||
|
|
Loading…
Reference in a new issue