fix(#700): fix terminal emulator on mobile

This commit is contained in:
Alexander Wunschik
2022-04-13 22:16:46 +02:00
parent 235e6484de
commit 1f02b11c74
5 changed files with 37 additions and 42 deletions

View File

@@ -17,7 +17,7 @@
overflow-y: scroll;
width: 100%;
max-width: 60rem;
max-width: 640px;
margin: 0 auto;
}
@@ -32,10 +32,7 @@
padding: 0;
}
/* The "terminal" has one "prompt" element.
* This prompt is not any kind of input, but just a simple <span>
* with an id "prompt" and a
*/
/* The "terminal" has one "prompt" input-element. */
@keyframes prompt-blink {
100% {
opacity: 0;
@@ -57,6 +54,15 @@
width: 0.75rem;
opacity: 1;
}
.terminal input#prompt {
text-transform: uppercase;
background: none;
border: none;
outline: none;
caret-color: var(--text);
color: var(--text);
font: var(--terminal-font);
}
/* Terminal scrollbar */