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

fix BS-1725

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,
 });

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}

packages/frontend/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({