Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-07-29 00:06:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: some responsiveness issues (#1088)

Browse Source
This commit is contained in:
Peng Xiao
2023-02-17 13:30:19 +08:00
committed by GitHub
parent cbdc751be1
commit 5aa835deb6
4 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/public/globals.css
+1
View File
@@ -154,6 +154,7 @@ legend {
} }
body { body {
background: #fff; background: #fff;
overflow: hidden;
} }
a, a,
a:hover { a:hover {
apps/web/src/components/editor/index.tsx
+1 -1
View File
@@ -7,7 +7,7 @@ import { styled } from '@affine/component';
const StyledEditorContainer = styled('div')(() => { const StyledEditorContainer = styled('div')(() => {
return { return {
position: 'relative', position: 'relative',
height: 'calc(100vh - 60px)', height: 'calc(100% - 60px)',
padding: '0 32px', padding: '0 32px',
}; };
}); });
apps/web/src/components/workspace-layout/styles.ts
+2
View File
@@ -3,6 +3,7 @@ import { styled } from '@affine/component';
export const StyledPage = styled('div')(({ theme }) => { export const StyledPage = styled('div')(({ theme }) => {
return { return {
height: '100vh', height: '100vh',
minHeight: '450px',
backgroundColor: theme.colors.pageBackground, backgroundColor: theme.colors.pageBackground,
transition: 'background-color .5s', transition: 'background-color .5s',
display: 'flex', display: 'flex',
@@ -14,6 +15,7 @@ export const StyledWrapper = styled('div')(() => {
return { return {
flexGrow: 1, flexGrow: 1,
position: 'relative', position: 'relative',
overflow: 'auto',
}; };
}); });
apps/web/src/pages/temporary.css
+1 -1
View File
@@ -4,7 +4,7 @@
} }
.affine-default-page-block-container { .affine-default-page-block-container {
width: 686px !important; max-width: 686px;
} }
.affine-default-page-block-container > .affine-block-children-container { .affine-default-page-block-container > .affine-block-children-container {
margin-left: -26px !important; margin-left: -26px !important;