Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-04 08:38:34 +00: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

6
packages/frontend/component/src/ui/switch/index.css.ts
View File

@@ -14,7 +14,7 @@ export const switchStyle = style({
position: 'relative',
width: '46px',
height: '26px',
background: 'var(--affine-icon-color)',
background: 'var(--affine-toggle-disable-background-color)',
borderRadius: '37px',
transition: '200ms all',
border: '1px solid var(--affine-black-10)',
@@ -29,7 +29,7 @@ export const switchStyle = style({
borderRadius: '50%',
top: '50%',
border: '1px solid var(--affine-black-10)',
background: 'var(--affine-white)',
background: 'var(--affine-toggle-circle-background-color)',
transform: 'translate(1px, -50%)',
},
},
@@ -38,7 +38,7 @@ export const switchCheckedStyle = style({
background: 'var(--affine-primary-color)',
selectors: {
'&:before': {
background: 'var(--affine-toggle-circle-background-color)',
borderColor: 'var(--affine-pure-black-10)',
transform: 'translate(21px,-50%)',
},
},