Finished misc components
parent
1979589d83
commit
7114679ca7
|
@ -61,9 +61,6 @@ export default {
|
||||||
.p-inplace .p-inplace-display {
|
.p-inplace .p-inplace-display {
|
||||||
display: inline;
|
display: inline;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border: 0 none;
|
|
||||||
padding: .25em;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inplace .p-inplace-content {
|
.p-inplace .p-inplace-content {
|
||||||
|
|
|
@ -78,14 +78,6 @@ export default {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-progressbar-indeterminate {
|
|
||||||
height: .5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-progressbar-indeterminate .p-progressbar-value {
|
|
||||||
border: 0 none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-progressbar-indeterminate .p-progressbar-value::before {
|
.p-progressbar-indeterminate .p-progressbar-value::before {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
@ -105,5 +105,4 @@ export default {
|
||||||
stroke: #ffa700;
|
stroke: #ffa700;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
<div class="p-terminal-response">{{command.response}}</div>
|
<div class="p-terminal-response">{{command.response}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div class="p-terminal-prompt-container">
|
||||||
<span class="p-terminal-prompt">{{prompt}}</span>
|
<span class="p-terminal-prompt">{{prompt}}</span>
|
||||||
<input ref="input" type="text" v-model="commandText" class="p-terminal-input" autocomplete="off" @keydown="onKeydown">
|
<input ref="input" type="text" v-model="commandText" class="p-terminal-input" autocomplete="off" @keydown="onKeydown">
|
||||||
</div>
|
</div>
|
||||||
|
@ -64,23 +64,20 @@ export default {
|
||||||
.p-terminal {
|
.p-terminal {
|
||||||
height: 18em;
|
height: 18em;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: .25em;
|
}
|
||||||
|
|
||||||
|
.p-terminal-prompt-container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-terminal-input {
|
.p-terminal-input {
|
||||||
|
flex: 1 1 auto;
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0 0 0 .125em;
|
outline: 0 none;
|
||||||
width: 75%;
|
|
||||||
outline: none;
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-terminal-command {
|
|
||||||
margin-left: .125em;
|
|
||||||
-moz-margin-start: .125em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-terminal-input::-ms-clear {
|
.p-terminal-input::-ms-clear {
|
||||||
|
|
Loading…
Reference in New Issue