summaryrefslogtreecommitdiff
path: root/packages/client/src/components/form
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2022-06-28 18:09:42 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2022-06-28 18:09:42 +0900
commitd7e7152bd3dfa40a0bc9011944f6caa5447a0a27 (patch)
treed7f4fe2e629185c21c0f4559a9b757581231fd85 /packages/client/src/components/form
parentchore(client): fix #8858 (diff)
downloadmisskey-d7e7152bd3dfa40a0bc9011944f6caa5447a0a27.tar.gz
misskey-d7e7152bd3dfa40a0bc9011944f6caa5447a0a27.tar.bz2
misskey-d7e7152bd3dfa40a0bc9011944f6caa5447a0a27.zip
chore(client): tweak style
Diffstat (limited to 'packages/client/src/components/form')
-rw-r--r--packages/client/src/components/form/radio.vue19
1 files changed, 10 insertions, 9 deletions
diff --git a/packages/client/src/components/form/radio.vue b/packages/client/src/components/form/radio.vue
index 2becbec6f3..db13fee4ff 100644
--- a/packages/client/src/components/form/radio.vue
+++ b/packages/client/src/components/form/radio.vue
@@ -7,7 +7,8 @@
:aria-disabled="disabled"
@click="toggle"
>
- <input type="radio"
+ <input
+ type="radio"
:disabled="disabled"
>
<span class="button">
@@ -23,27 +24,27 @@ import { defineComponent } from 'vue';
export default defineComponent({
props: {
modelValue: {
- required: false
+ required: false,
},
value: {
- required: false
+ required: false,
},
disabled: {
type: Boolean,
- default: false
- }
+ default: false,
+ },
},
computed: {
checked(): boolean {
return this.modelValue === this.value;
- }
+ },
},
methods: {
toggle() {
if (this.disabled) return;
this.$emit('update:modelValue', this.value);
- }
- }
+ },
+ },
});
</script>
@@ -53,7 +54,7 @@ export default defineComponent({
display: inline-block;
text-align: left;
cursor: pointer;
- padding: 10px 12px;
+ padding: 9px 12px;
background-color: var(--panel);
background-clip: padding-box !important;
border: solid 1px var(--panel);