luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(web): css in mobile (#1731)

Browse Source
This commit is contained in:
Himself65
2023-03-28 14:42:30 -05:00
committed by GitHub
parent 5faa2760cd
commit 6917d2100f
3 changed files with 19 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/web/src/components/blocksuite/block-suite-page-list/page-list/styles.ts
View File

@@ -1,11 +1,14 @@
import { displayFlex, styled } from '@affine/component'; import { displayFlex, styled } from '@affine/component';
import { TableRow } from '@affine/component'; import { TableRow } from '@affine/component';
export const StyledTableContainer = styled('div')(() => { export const StyledTableContainer = styled('div')(({ theme }) => {
return { return {
height: 'calc(100vh - 60px)', height: 'calc(100vh - 60px)',
padding: '78px 72px', padding: '78px 72px',
overflowY: 'auto', overflowY: 'auto',
[theme.breakpoints.down('sm')]: {
padding: '12px 24px',
},
}; };
}); });
export const StyledTitleWrapper = styled('div')(({ theme }) => { export const StyledTitleWrapper = styled('div')(({ theme }) => {

12
apps/web/src/styles/globals.css
View File

@@ -208,3 +208,15 @@ affine-block-hub {
.block-hub-menu-container { .block-hub-menu-container {
position: unset !important; position: unset !important;
} }
@media (max-width: 768px) {
.affine-default-page-block-title-container {
margin-top: 24px;
}
.editor-wrapper {
width: 100%;
height: 100%;
padding: 0 0.75rem;
}
}

3
packages/component/src/ui/table/styles.ts
View File

@@ -11,6 +11,9 @@ export const StyledTable = styled('table')<{ tableLayout: 'auto' | 'fixed' }>(
minWidth: '600px', minWidth: '600px',
borderCollapse: 'separate', borderCollapse: 'separate',
borderSpacing: '0', borderSpacing: '0',
[theme.breakpoints.down('sm')]: {
minWidth: 'unset',
},
}; };
} }
); );