MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style(ui): fix display of big toggles

This commit is contained in:
ArneBo 2025-03-20 10:00:34 +01:00
parent c3ec160da1
commit 996758170f
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
front/src/components/ui/Toggle.vue
View File

@ -21,7 +21,10 @@ const diameter = big ? '28px' : '20px'
type="checkbox" type="checkbox"
style="opacity: 0; /* Hide even before stylesheet is loaded */" style="opacity: 0; /* Hide even before stylesheet is loaded */"
> >
<span v-if="label">{{ label }}</span> <span
v-if="label"
:class="[$props.big ? $style.big : '']"
>{{ label }}</span>
</label> </label>
</template> </template>
@ -81,6 +84,15 @@ const diameter = big ? '28px' : '20px'
> span { > span {
padding-left: calc(var(--diameter) + 8px); padding-left: calc(var(--diameter) + 8px);
position: relative;
top: 2px;
}
> span.big {
padding-left: calc(var(--diameter) + 16px);
position: relative;
top: 6px;
font-size: 16px;
} }
} }
</style> </style>