Improve usability

This commit is contained in:
syuilo 2018-10-26 14:47:30 +09:00
parent 02b47f963c
commit 1839b5f205
No known key found for this signature in database
GPG Key ID: BDC4C49D06AB9D69
2 changed files with 13 additions and 3 deletions

View File

@ -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>

View File

@ -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)