55 lines
1.2 KiB
CSS
55 lines
1.2 KiB
CSS
|
.terminal-box {
|
||
|
|
flex: 1 1 auto;
|
||
|
|
min-height: 104px;
|
||
|
|
max-height: 134px;
|
||
|
|
overflow: auto;
|
||
|
|
padding: 10px;
|
||
|
|
color: #b4efbd;
|
||
|
|
background-color: #030403;
|
||
|
|
background-image: repeating-linear-gradient(transparent 0 4px, rgba(0,255,102,.018) 4px 6px);
|
||
|
|
border: 0;
|
||
|
|
box-shadow: inset 1px 1px 0 #000000, inset -1px -1px 0 rgba(255,255,255,.22);
|
||
|
|
font-family: 'MonoCraft', 'PixelOperatorMono', 'Courier New', monospace;
|
||
|
|
font-size: 13px;
|
||
|
|
line-height: 16px;
|
||
|
|
white-space: pre-wrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
.terminal-box::after {
|
||
|
|
content: "█";
|
||
|
|
display: inline-block;
|
||
|
|
margin-left: 2px;
|
||
|
|
color: #7dff8a;
|
||
|
|
animation: terminal-cursor 1s steps(2, end) infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
.terminal-muted {
|
||
|
|
color: #79ad83;
|
||
|
|
}
|
||
|
|
|
||
|
|
.terminal-actions {
|
||
|
|
display: flex;
|
||
|
|
justify-content: flex-end;
|
||
|
|
margin-top: 8px;
|
||
|
|
padding-top: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.terminal-copy-button {
|
||
|
|
min-width: 148px;
|
||
|
|
height: 24px;
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.helper-body {
|
||
|
|
height: calc(100% - 34px);
|
||
|
|
min-height: 0;
|
||
|
|
display: flex;
|
||
|
|
justify-content: flex-start;
|
||
|
|
align-content: flex-start;
|
||
|
|
align-items: flex-start;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
gap: 8px;
|
||
|
|
overflow: auto;
|
||
|
|
}
|