summaryrefslogtreecommitdiff
path: root/src/client
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2018-10-26 14:47:30 +0900
committersyuilo <syuilotan@yahoo.co.jp>2018-10-26 14:47:30 +0900
commit1839b5f20563c919ee41773486569b826576dd8f (patch)
tree223940cbac4d51412294112e041b5449b07a2618 /src/client
parentAPI: Better error response (diff)
downloadmisskey-1839b5f20563c919ee41773486569b826576dd8f.tar.gz
misskey-1839b5f20563c919ee41773486569b826576dd8f.tar.bz2
misskey-1839b5f20563c919ee41773486569b826576dd8f.zip
Improve usability
Diffstat (limited to 'src/client')
-rw-r--r--src/client/app/common/views/components/api-settings.vue2
-rw-r--r--src/client/app/common/views/components/ui/textarea.vue14
2 files changed, 13 insertions, 3 deletions
diff --git a/src/client/app/common/views/components/api-settings.vue b/src/client/app/common/views/components/api-settings.vue
index da52b72ab0..e7cc6e7a88 100644
--- a/src/client/app/common/views/components/api-settings.vue
+++ b/src/client/app/common/views/components/api-settings.vue
@@ -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>
diff --git a/src/client/app/common/views/components/ui/textarea.vue b/src/client/app/common/views/components/ui/textarea.vue
index 7232a642a7..a96552a0db 100644
--- a/src/client/app/common/views/components/ui/textarea.vue
+++ b/src/client/app/common/views/components/ui/textarea.vue
@@ -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)