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/AppLayout.js | |
| 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/AppLayout.js')
| -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 | }); |