chore(client): tweak style

This commit is contained in:
syuilo 2022-06-28 22:32:01 +09:00
parent ac162f9996
commit 9a4198293a
2 changed files with 17 additions and 16 deletions

View file

@ -55,6 +55,7 @@ export default defineComponent({
text-align: left;
cursor: pointer;
padding: 9px 12px;
min-width: 60px;
background-color: var(--panel);
background-clip: padding-box !important;
border: solid 1px var(--panel);

View file

@ -4,11 +4,11 @@ import MkRadio from './radio.vue';
export default defineComponent({
components: {
MkRadio
MkRadio,
},
props: {
modelValue: {
required: false
required: false,
},
},
data() {
@ -19,7 +19,7 @@ export default defineComponent({
watch: {
value() {
this.$emit('update:modelValue', this.value);
}
},
},
render() {
let options = this.$slots.default();
@ -30,13 +30,13 @@ export default defineComponent({
if (options.length === 1 && options[0].props == null) options = options[0].children;
return h('div', {
class: 'novjtcto'
class: 'novjtcto',
}, [
...(label ? [h('div', {
class: 'label'
class: 'label',
}, [label])] : []),
h('div', {
class: 'body'
class: 'body',
}, options.map(option => h(MkRadio, {
key: option.key,
value: option.props.value,
@ -45,10 +45,10 @@ export default defineComponent({
}, option.children)),
),
...(caption ? [h('div', {
class: 'caption'
class: 'caption',
}, [caption])] : []),
]);
}
},
});
</script>
@ -65,9 +65,9 @@ export default defineComponent({
}
> .body {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
grid-gap: 12px;
display: flex;
gap: 12px;
flex-wrap: wrap;
}
> .caption {