mirror of
https://iceshrimp.dev/crimekillz/trashposs
synced 2024-11-23 17:29:05 +01:00
Improve usability
This commit is contained in:
parent
cd439c770e
commit
0b91c74406
@ -24,7 +24,7 @@
|
|||||||
<template v-if="sending">%i18n:@console.sending%</template>
|
<template v-if="sending">%i18n:@console.sending%</template>
|
||||||
<template v-else>%fa:paper-plane% %i18n:@console.send%</template>
|
<template v-else>%fa:paper-plane% %i18n:@console.send%</template>
|
||||||
</ui-button>
|
</ui-button>
|
||||||
<ui-textarea v-if="res" v-model="res" readonly>
|
<ui-textarea v-if="res" v-model="res" readonly tall>
|
||||||
<span>%i18n:@console.response%</span>
|
<span>%i18n:@console.response%</span>
|
||||||
</ui-textarea>
|
</ui-textarea>
|
||||||
</section>
|
</section>
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="ui-textarea" :class="{ focused, filled }">
|
<div class="ui-textarea" :class="{ focused, filled, tall }">
|
||||||
<div class="input">
|
<div class="input">
|
||||||
<span class="label" ref="label"><slot></slot></span>
|
<span class="label" ref="label"><slot></slot></span>
|
||||||
<textarea ref="input"
|
<textarea ref="input"
|
||||||
@ -41,7 +41,12 @@ export default Vue.extend({
|
|||||||
autocomplete: {
|
autocomplete: {
|
||||||
type: String,
|
type: String,
|
||||||
required: false
|
required: false
|
||||||
}
|
},
|
||||||
|
tall: {
|
||||||
|
type: Boolean,
|
||||||
|
required: false,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@ -160,6 +165,11 @@ root(fill)
|
|||||||
left 0 !important
|
left 0 !important
|
||||||
transform scale(0.75)
|
transform scale(0.75)
|
||||||
|
|
||||||
|
&.tall
|
||||||
|
> .input
|
||||||
|
> textarea
|
||||||
|
min-height 200px
|
||||||
|
|
||||||
.ui-textarea.fill
|
.ui-textarea.fill
|
||||||
root(true)
|
root(true)
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user