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

fix: improve sidebar animation (#1814)

Browse Source
This commit is contained in:
Peng Xiao
2023-04-04 17:14:44 +08:00
committed by GitHub
parent 5129ab3db8
commit c023d0a2b8
3 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/layouts/styles.ts
+5 -5
View File
@@ -22,13 +22,13 @@ export const StyledSpacer = styled('div')<{
sidebarOpen: boolean;
resizing: boolean;
floating: boolean;
}>(({ resizing, sidebarOpen, floating }) => {
}>(({ resizing, floating }) => {
return {
position: 'relative',
position: floating ? 'absolute' : 'relative',
flexGrow: 1,
maxWidth: 'calc(100vw - 698px)',
minWidth: !floating && sidebarOpen ? '256px' : '0',
transition: resizing ? '' : 'width .3s, min-width .3s',
height: '100%',
maxWidth: floating ? 'calc(10vw + 400px)' : 'calc(100vw - 698px)',
transition: resizing ? '' : 'width .3s, min-width .3s, max-width .3s',
};
});