Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-08-23 21:06:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(component): adjust the style of Switch to match the design (#5636)

Browse Source 
closes #5635
This commit is contained in:
Cats Juice
2024-01-22 10:14:32 +00:00
parent fccdf8ede7
commit 35e7b41ca8
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/frontend/component/src/ui/switch/index.css.ts
+3 -3
View File
@@ -14,7 +14,7 @@ export const switchStyle = style({
position: 'relative', position: 'relative',
width: '46px', width: '46px',
height: '26px', height: '26px',
background: 'var(--affine-icon-color)', background: 'var(--affine-toggle-disable-background-color)',
borderRadius: '37px', borderRadius: '37px',
transition: '200ms all', transition: '200ms all',
border: '1px solid var(--affine-black-10)', border: '1px solid var(--affine-black-10)',
@@ -29,7 +29,7 @@ export const switchStyle = style({
borderRadius: '50%', borderRadius: '50%',
top: '50%', top: '50%',
border: '1px solid var(--affine-black-10)', border: '1px solid var(--affine-black-10)',
background: 'var(--affine-white)', background: 'var(--affine-toggle-circle-background-color)',
transform: 'translate(1px, -50%)', transform: 'translate(1px, -50%)',
}, },
}, },
@@ -38,7 +38,7 @@ export const switchCheckedStyle = style({
background: 'var(--affine-primary-color)', background: 'var(--affine-primary-color)',
selectors: { selectors: {
'&:before': { '&:before': {
background: 'var(--affine-toggle-circle-background-color)', borderColor: 'var(--affine-pure-black-10)',
transform: 'translate(21px,-50%)', transform: 'translate(21px,-50%)',
}, },
}, },