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

fix BS-1725
toeverything · Oct 31, 2024 · 2b3b705 · 2b3b705
1 parent 0f8b273
commit 2b3b705
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/packages/frontend/core/src/components/doc-properties/types/checkbox.css.ts b/packages/frontend/core/src/components/doc-properties/types/checkbox.css.ts
@@ -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,
 });
diff --git a/packages/frontend/core/src/components/doc-properties/types/checkbox.tsx b/packages/frontend/core/src/components/doc-properties/types/checkbox.tsx
@@ -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}

diff --git a/...end/core/src/modules/doc-info/views/database-properties/doc-database-backlink-info.css.ts b/...end/core/src/modules/doc-info/views/database-properties/doc-database-backlink-info.css.ts
@@ -15,7 +15,6 @@ export const section = style({
 
 export const cell = style({
   display: 'flex',
-  gap: 4,
 });
 
 export const divider = style({