Rebalance splitview columns (#10512)

src/view/com/util/Views.web.tsx

@@ -28,7 +28,7 @@ import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries'
 import {addStyle} from '#/lib/styles'
 import {useLayoutBreakpoints} from '#/alf'
 import {useDialogContext} from '#/components/Dialog'
-import {CENTER_COLUMN_OFFSET} from '#/components/Layout'
+import {CENTER_COLUMN_OFFSET, CENTER_COLUMN_WIDTH} from '#/components/Layout'
 
 interface AddedProps {
   desktopFixedHeight?: boolean | number
@@ -175,7 +175,7 @@ const styles = StyleSheet.create({
   },
   container: {
     width: '100%',
-    maxWidth: 600,
+    maxWidth: CENTER_COLUMN_WIDTH,
     marginLeft: 'auto',
     marginRight: 'auto',
   },
@@ -184,7 +184,7 @@ const styles = StyleSheet.create({
   },
   containerScroll: {
     width: '100%',
-    maxWidth: 600,
+    maxWidth: CENTER_COLUMN_WIDTH,
     marginLeft: 'auto',
     marginRight: 'auto',
   },