summaryrefslogtreecommitdiff
path: root/packages/client/src/components/form/textarea.vue
diff options
context:
space:
mode:
Diffstat (limited to 'packages/client/src/components/form/textarea.vue')
-rw-r--r--packages/client/src/components/form/textarea.vue16
1 files changed, 10 insertions, 6 deletions
diff --git a/packages/client/src/components/form/textarea.vue b/packages/client/src/components/form/textarea.vue
index f3a2c394f1..98fd0da94b 100644
--- a/packages/client/src/components/form/textarea.vue
+++ b/packages/client/src/components/form/textarea.vue
@@ -4,6 +4,7 @@
<div class="input" :class="{ disabled, focused, tall, pre }">
<textarea ref="inputEl"
v-model="v"
+ v-panel
:class="{ code, _monospace: code }"
:disabled="disabled"
:required="required"
@@ -20,7 +21,7 @@
</div>
<div class="caption"><slot name="caption"></slot></div>
- <MkButton v-if="manualSave && changed" primary @click="updated"><i class="fas fa-save"></i> {{ $ts.save }}</MkButton>
+ <MkButton v-if="manualSave && changed" primary class="save" @click="updated"><i class="fas fa-save"></i> {{ $ts.save }}</MkButton>
</div>
</template>
@@ -174,7 +175,7 @@ export default defineComponent({
.adhpbeos {
> .label {
font-size: 0.85em;
- padding: 0 0 8px 12px;
+ padding: 0 0 8px 0;
user-select: none;
&:empty {
@@ -183,8 +184,8 @@ export default defineComponent({
}
> .caption {
- font-size: 0.8em;
- padding: 8px 0 0 12px;
+ font-size: 0.85em;
+ padding: 8px 0 0 0;
color: var(--fgTransparentWeak);
&:empty {
@@ -209,8 +210,7 @@ export default defineComponent({
font-weight: normal;
font-size: 1em;
color: var(--fg);
- background: var(--panel);
- border: solid 0.5px var(--inputBorder);
+ border: solid 0.5px var(--panel);
border-radius: 6px;
outline: none;
box-shadow: none;
@@ -248,5 +248,9 @@ export default defineComponent({
}
}
}
+
+ > .save {
+ margin: 8px 0 0 0;
+ }
}
</style>