Mizah/Sharkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

client: refine ui

Browse source
This commit is contained in:
syuilo 2021-11-28 20:07:37 +09:00
parent 335e4bd213
commit e8005c8d3a
48 changed files with 1744 additions and 1149 deletions
Download patch file Download diff file Expand all files Collapse all files

16
packages/client/src/components/form/textarea.vue
View file

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