mirror of
https://activitypub.software/TransFem-org/Sharkey.git
synced 2024-12-14 14:15:43 +01:00
Improve usability
This commit is contained in:
parent
02b47f963c
commit
1839b5f205
2 changed files with 13 additions and 3 deletions
|
@ -24,7 +24,7 @@
|
|||
<template v-if="sending">%i18n:@console.sending%</template>
|
||||
<template v-else>%fa:paper-plane% %i18n:@console.send%</template>
|
||||
</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>
|
||||
</ui-textarea>
|
||||
</section>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div class="ui-textarea" :class="{ focused, filled }">
|
||||
<div class="ui-textarea" :class="{ focused, filled, tall }">
|
||||
<div class="input">
|
||||
<span class="label" ref="label"><slot></slot></span>
|
||||
<textarea ref="input"
|
||||
|
@ -41,7 +41,12 @@ export default Vue.extend({
|
|||
autocomplete: {
|
||||
type: String,
|
||||
required: false
|
||||
}
|
||||
},
|
||||
tall: {
|
||||
type: Boolean,
|
||||
required: false,
|
||||
default: false
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
@ -160,6 +165,11 @@ root(fill)
|
|||
left 0 !important
|
||||
transform scale(0.75)
|
||||
|
||||
&.tall
|
||||
> .input
|
||||
> textarea
|
||||
min-height 200px
|
||||
|
||||
.ui-textarea.fill
|
||||
root(true)
|
||||
|
||||
|
|
Loading…
Reference in a new issue