fix: incorrect scrollbar position when opening full width layout (#2869)

Co-authored-by: Alex Yang <himself65@outlook.com>

apps/web/src/components/page-detail-editor.css.ts

@@ -7,12 +7,10 @@ export const pluginContainer = style({
 
 export const editor = style({
   height: 'calc(100% - 52px)',
-
   selectors: {
     '&.full-screen': {
-      padding: '0 5%',
       vars: {
-        '--affine-editor-width': '100%',
+        '--affine-editor-width': '90%',
       },
     },
   },

packages/component/src/ui/switch/index.css.ts

@@ -40,7 +40,7 @@ export const switchCheckedStyle = style({
   selectors: {
     '&:before': {
       background: 'var(--affine-toggle-circle-background-color)',
-      transform: 'translate(100%,-50%)',
+      transform: 'translate(21px,-50%)',
     },
   },
 });