fix(component): banner should not affect the editor layout

toeverything · Apr 17, 2024 · 21c976c · 21c976c
1 parent ed96c4e
commit 21c976c
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/frontend/component/src/components/affine-banner/index.css.ts b/packages/frontend/component/src/components/affine-banner/index.css.ts
@@ -4,11 +4,13 @@ export const browserWarningStyle = style({
   backgroundColor: cssVar('backgroundWarningColor'),
   color: cssVar('warningColor'),
   height: '36px',
+  width: '100%',
   fontSize: cssVar('fontSm'),
   display: 'flex',
   justifyContent: 'center',
   alignItems: 'center',
-  position: 'relative',
+  position: 'absolute',
+  zIndex: 1,
 });
 export const closeButtonStyle = style({
   width: '36px',