toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-12-02 14:22:55 +03: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
No known key found for this signature in database
GPG Key ID: 23F23D9E8B3971ED
3 changed files with 8 additions and 4 deletions
Show Stats 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}

1
packages/frontend/core/src/modules/doc-info/views/database-properties/doc-database-backlink-info.css.ts
View File

@ -15,7 +15,6 @@ export const section = style({
export const cell = style({
display: 'flex',
gap: 4,
});
export const divider = style({