Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-13 21:05:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(core): checkbox property styling and layout (#8645)

Browse Source 
fix BS-1725
This commit is contained in:
pengx17
2024-10-31 07:31:52 +00:00
parent 0f8b273134
commit 2b3b7057c5
3 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/frontend/core/src/components/doc-properties/types/checkbox.css.ts
View File

@@ -1,6 +1,11 @@
import { cssVar } from '@toeverything/theme';
import { cssVarV2 } from '@toeverything/theme/v2';
import { style } from '@vanilla-extract/css';
export const checkboxProperty = style({
fontSize: cssVar('fontH5'),
fontSize: 24,
color: cssVarV2('icon/primary'),
});
export const container = style({
padding: 4,
});

2
packages/frontend/core/src/components/doc-properties/types/checkbox.tsx
View File

@@ -14,7 +14,7 @@ export const CheckboxValue = ({ value, onChange }: PropertyValueProps) => {
[onChange, parsedValue]
);
return (
<PropertyValue onClick={handleClick}>
<PropertyValue onClick={handleClick} className={styles.container}>
<Checkbox
className={styles.checkboxProperty}
checked={parsedValue}