Ku6epXBOCTuK/easy-png-tools2
1
0
Fork 0
mirror of https://github.com/Ku6epXBOCTuK/easy-png-tools.git synced 2026-09-14 21:46:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: resolve style issues

Browse Source
This commit is contained in:
Ku6epXBOCTuK
2026-08-31 03:25:42 +05:00
parent 6cefd5c0a1
commit bbd5532529
5 changed files with 13 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/kit/Toggle.svelte
+3 -10
View File
@@ -21,14 +21,14 @@
aria-label={label}
onclick={handle}
>
<i class="toggle-knob"></i>
<i class="toggle-knob"></i>
</button>
<style>
.toggle {
position: relative;
width: 2.4rem;
height: 1.3rem;
width: 32px;
height: 18px;
border: 1px solid var(--line);
border-radius: 999px;
background: var(--background);
@@ -40,17 +40,10 @@
border-color: var(--blue);
}
.toggle-knob {
position: absolute;
top: 1px;
left: 1px;
width: calc(1.3rem - 4px);
height: calc(1.3rem - 4px);
border-radius: 50%;
background: var(--foreground);
transition: transform 0.12s ease;
}
.toggle.on .toggle-knob {
transform: translateX(1.1rem);
background: #fff;
}
</style>