diff options
author | Dominik Guzei <dominik.guzei@gmail.com> | 2019-03-21 15:55:38 +0100 |
---|---|---|
committer | Dominik Guzei <dominik.guzei@gmail.com> | 2019-03-21 15:55:38 +0100 |
commit | 1c5c54515fce5911b062474b41035f1f3dce1143 (patch) | |
tree | fdd544a142a6e25b3b1ef74b7cb864e947416385 /src/components/layout | |
parent | style add workspace icon in drawer like the sidebar icons (diff) | |
download | ferdium-app-1c5c54515fce5911b062474b41035f1f3dce1143.tar.gz ferdium-app-1c5c54515fce5911b062474b41035f1f3dce1143.tar.zst ferdium-app-1c5c54515fce5911b062474b41035f1f3dce1143.zip |
improve workspace drawer layout
Diffstat (limited to 'src/components/layout')
-rw-r--r-- | src/components/layout/AppLayout.js | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/src/components/layout/AppLayout.js b/src/components/layout/AppLayout.js index 284a2523a..4e897e623 100644 --- a/src/components/layout/AppLayout.js +++ b/src/components/layout/AppLayout.js | |||
@@ -51,10 +51,10 @@ const messages = defineMessages({ | |||
51 | 51 | ||
52 | const styles = theme => ({ | 52 | const styles = theme => ({ |
53 | appContent: { | 53 | appContent: { |
54 | width: `calc(100% + ${theme.workspaceDrawerWidth})`, | 54 | width: `calc(100% + ${theme.workspaceDrawerWidth}px)`, |
55 | transition: 'transform 0.5s ease', | 55 | transition: 'transform 0.5s ease', |
56 | transform() { | 56 | transform() { |
57 | return workspacesState.isWorkspaceDrawerOpen ? 'translateX(0)' : 'translateX(-220px)'; | 57 | return workspacesState.isWorkspaceDrawerOpen ? 'translateX(0)' : `translateX(-${theme.workspaceDrawerWidth}px)`; |
58 | }, | 58 | }, |
59 | }, | 59 | }, |
60 | }); | 60 | }); |