From 2b3b7057c528c9538635b2f363cd6c223ca198d7 Mon Sep 17 00:00:00 2001
From: pengx17 <pengxiao@outlook.com>
Date: Thu, 31 Oct 2024 07:31:52 +0000
Subject: [PATCH] fix(core): checkbox property styling and layout (#8645)

fix BS-1725
---
 .../src/components/doc-properties/types/checkbox.css.ts  | 9 +++++++--
 .../src/components/doc-properties/types/checkbox.tsx     | 2 +-
 .../doc-database-backlink-info.css.ts                    | 1 -
 3 files changed, 8 insertions(+), 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
index 9c33303817..8b60d0051a 100644
--- 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
index 6a1aa08b7a..666bc22411 100644
--- 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/packages/frontend/core/src/modules/doc-info/views/database-properties/doc-database-backlink-info.css.ts b/packages/frontend/core/src/modules/doc-info/views/database-properties/doc-database-backlink-info.css.ts
index dab6c4754d..cbddffbaed 100644
--- a/packages/frontend/core/src/modules/doc-info/views/database-properties/doc-database-backlink-info.css.ts
+++ b/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({