adamf/web_server
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

Reduce toggle button size by half
All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 22s
Details

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Adam French
2026-04-14 16:49:37 +01:00
parent 2b5745b946
commit c684fcb858
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
vue/src/components/input/ToggleButton.vue
View File

@@ -17,13 +17,13 @@ function toggle() {
<template> <template>
<button <button
@click="toggle" @click="toggle"
class="box-content border-2 border-primary w-20 h-fit rounded-full cursor-pointer" class="box-content border-2 border-primary w-10 h-fit rounded-full cursor-pointer"
:class="[props.modelValue ? 'bg-bg_secondary' : 'bg-bg_primary']" :class="[props.modelValue ? 'bg-bg_secondary' : 'bg-bg_primary']"
> >
<svg <svg
viewBox="0 0 40 40" viewBox="0 0 40 40"
class="w-10 h-10 transition-all duration-300 ease-in-out" class="w-5 h-5 transition-all duration-300 ease-in-out"
:class="[props.modelValue ? 'ml-10' : 'ml-0']" :class="[props.modelValue ? 'ml-5' : 'ml-0']"
> >
<circle class="fill-primary" cx="20" cy="20" r="20" /> <circle class="fill-primary" cx="20" cy="20" r="20" />
</svg> </svg>