fix: fullscreen settting not working (#3215)

Co-authored-by: QiShaoXuan <qishaoxuan777@gmail.com>
This commit is contained in:
Alex Yang
2023-07-13 16:31:17 +08:00
committed by GitHub
parent 8be6676ddb
commit 24a5b54b67
3 changed files with 5 additions and 3 deletions

View File

@@ -10,7 +10,8 @@ export const editor = style({
selectors: { selectors: {
'&.full-screen': { '&.full-screen': {
vars: { vars: {
'--affine-editor-width': '90%', '--affine-editor-width': '100%',
'--affine-editor-side-padding': '15px',
}, },
}, },
}, },

View File

@@ -52,7 +52,8 @@ globalStyle(`html[data-theme="dark"] ${appStyle}`, {
export const mainContainerStyle = style({ export const mainContainerStyle = style({
position: 'relative', position: 'relative',
flexGrow: 1, width: 0,
flex: 1,
maxWidth: '100%', maxWidth: '100%',
zIndex: 2, zIndex: 2,
backgroundColor: 'var(--affine-background-primary-color)', backgroundColor: 'var(--affine-background-primary-color)',

View File

@@ -13,7 +13,7 @@ export const ModalWrapper = styled('div')<{
minHeight, minHeight,
backgroundColor: 'var(--affine-background-secondary-color)', backgroundColor: 'var(--affine-background-secondary-color)',
boxShadow: 'var(--affine-shadow-3)', boxShadow: 'var(--affine-shadow-3)',
borderRadius: '16px', borderRadius: '12px',
position: 'relative', position: 'relative',
maxHeight: 'calc(100vh - 32px)', maxHeight: 'calc(100vh - 32px)',
}; };