fix(mobile): doc info radio group width (#9000)

fix AF-1874

packages/frontend/core/src/components/doc-properties/types/doc-primary-mode.tsx

@@ -52,7 +52,7 @@ export const DocPrimaryModeValue = ({ onChange }: PropertyValueProps) => {
   return (
     <PropertyValue className={styles.container} hoverable={false}>
       <RadioGroup
-        width={194}
+        width={BUILD_CONFIG.isMobileEdition ? '100%' : 194}
         itemHeight={24}
         value={primaryMode}
         onChange={handleChange}

packages/frontend/core/src/components/doc-properties/types/edgeless-theme.tsx

@@ -39,7 +39,7 @@ export const EdgelessThemeValue = ({ onChange }: PropertyValueProps) => {
   return (
     <PropertyValue className={styles.container} hoverable={false}>
       <RadioGroup
-        width={194}
+        width={BUILD_CONFIG.isMobileEdition ? '100%' : 194}
         itemHeight={24}
         value={edgelessTheme || 'system'}
         onChange={handleChange}

packages/frontend/core/src/components/doc-properties/types/page-width.tsx

@@ -51,7 +51,7 @@ export const PageWidthValue = ({ onChange }: PropertyValueProps) => {
   return (
     <PropertyValue className={container} hoverable={false}>
       <RadioGroup
-        width={194}
+        width={BUILD_CONFIG.isMobileEdition ? '100%' : 194}
         itemHeight={24}
         value={radioValue}
         onChange={handleChange}