From fc609c3ae055384a34b27072ac354bd31f892872 Mon Sep 17 00:00:00 2001 From: adb Date: Fri, 12 Feb 2021 00:43:10 +0100 Subject: [PATCH] fix console css --- src/App.vue | 4 +--- src/components/console.vue | 6 ++++-- src/render-commands.js | 2 +- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/App.vue b/src/App.vue index 4c00ba6..820211a 100644 --- a/src/App.vue +++ b/src/App.vue @@ -48,9 +48,7 @@ body,html{ } @media (max-width: 45rem){ .console{ - width: calc(100% - 2rem); - height: calc(100% - 2rem); - overflow-y: auto; + width: 100%; left: 0; } } diff --git a/src/components/console.vue b/src/components/console.vue index 79e7e11..ded5924 100644 --- a/src/components/console.vue +++ b/src/components/console.vue @@ -41,7 +41,6 @@ export default { }); this.$forceUpdate(); this.focusInput(); - this.scrollToBottom(); } this.scrollToBottom(); }, group.delay) @@ -49,6 +48,7 @@ export default { }, focusInput(){ this.$nextTick(() => this.$refs.consoleInput.focus()); + this.scrollToBottom(); }, scrollToBottom(){ this.$nextTick(() => this.$refs.console.scrollTop = this.$refs.console.scrollHeight); @@ -68,9 +68,11 @@ export default { .console{ color: #fff; overflow-y: auto; + overflow-x: auto; .content{ height: fit-content; - margin: 1rem; + width: fit-content; + padding: 1rem; .group{ .host{color: #02a594;} .white{color: #fff;} diff --git a/src/render-commands.js b/src/render-commands.js index 0538dd4..9c3d31a 100644 --- a/src/render-commands.js +++ b/src/render-commands.js @@ -121,7 +121,7 @@ let commands = [ { name: ["surl", "short-url", "shortURL"], output:[ - {color: "blue", content: "\ngit", delay: 100}, + {color: "blue", content: "\nsurl", delay: 100}, {color: "white", content: " is loading\n", delay: 200}, {color: "white", content: "forwarding", delay: 400}, {color: "white", content: " ...", forward: "https://s.adb.sh", delay: 600}