client: refine ui

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

View File

@ -3,7 +3,7 @@
<div class="label" @click="focus"><slot name="label"></slot></div>
<div ref="container" class="input" :class="{ inline, disabled, focused }" @click.prevent="onClick">
<div ref="prefixEl" class="prefix"><slot name="prefix"></slot></div>
<select ref="inputEl" v-model="v"
<select ref="inputEl" v-model="v" v-panel
class="select"
:disabled="disabled"
:required="required"
@ -201,7 +201,7 @@ export default defineComponent({
.vblkjoeq {
> .label {
font-size: 0.85em;
padding: 0 0 8px 12px;
padding: 0 0 8px 0;
user-select: none;
&:empty {
@ -210,8 +210,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 {
@ -242,8 +242,7 @@ export default defineComponent({
font-weight: normal;
font-size: 1em;
color: var(--fg);
background: var(--panel);
border: solid 1px var(--inputBorder);
border: solid 1px var(--panel);
border-radius: 6px;
outline: none;
box-shadow: none;