chore(client): tweak style

This commit is contained in:
syuilo 2022-06-28 18:09:42 +09:00 committed by Johann150
parent 9ec020015d
commit e4fefa42c5
Signed by: Johann150
GPG key ID: 9EE6577A2A06F8F1
3 changed files with 12 additions and 11 deletions

View file

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

View file

@ -181,7 +181,7 @@ onUnmounted(() => {
border-bottom: solid 0.5px var(--divider);
&.thin {
--height: 50px;
--height: 45px;
> .buttons {
> .button {

View file

@ -408,7 +408,7 @@ export default defineComponent({
background: var(--windowHeader);
-webkit-backdrop-filter: var(--blur, blur(15px));
backdrop-filter: var(--blur, blur(15px));
border-bottom: solid 1px var(--divider);
//border-bottom: solid 1px var(--divider);
font-size: 95%;
> .left, > .right {