feat(core): workspace properties setting (#5739)

the property settings in workspace settings

packages/frontend/component/src/ui/button/button.css.ts

@@ -9,7 +9,7 @@ export const button = style({
   flexShrink: 0,
   outline: '0',
   border: '1px solid',
-  padding: '0 18px',
+  padding: '0 8px',
   borderRadius: '8px',
   fontSize: cssVar('fontXs'),
   fontWeight: 500,

packages/frontend/component/src/ui/input/style.css.ts

@@ -4,7 +4,7 @@ export const inputWrapper = style({
   width: '100%',
   height: 28,
   lineHeight: '22px',
-  padding: '0 10px',
+  gap: '10px',
   color: cssVar('textPrimaryColor'),
   border: '1px solid',
   backgroundColor: cssVar('white'),
@@ -53,6 +53,7 @@ export const input = style({
   width: '0',
   flex: 1,
   boxSizing: 'border-box',
+  padding: '0 12px',
   // prevent default style
   WebkitAppearance: 'none',
   WebkitTapHighlightColor: 'transparent',

packages/frontend/component/src/ui/menu/styles.css.ts

@@ -13,7 +13,6 @@ export const menuContent = style({
   userSelect: 'none',
 });
 export const menuItem = style({
-  maxWidth: '296px',
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'space-between',
@@ -50,6 +49,9 @@ export const menuItem = style({
       color: cssVar('warningColor'),
       backgroundColor: cssVar('backgroundWarningColor'),
     },
+    '&.checked': {
+      color: cssVar('primaryColor'),
+    },
   },
 });
 export const menuSpan = style({