From dc73e25e14838b7d73755fad90a2079c06142c31 Mon Sep 17 00:00:00 2001 From: Liviu Ignat Date: Wed, 27 Jul 2022 20:46:17 +0200 Subject: [PATCH] Update sizes for left menu --- .../src/components/App/App.styled.js | 2 +- .../src/components/Tabs/Tabs.styled.js | 2 +- .../src/components/Topbar/SaveButton.jsx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/react-filerobot-image-editor/src/components/App/App.styled.js b/packages/react-filerobot-image-editor/src/components/App/App.styled.js index 441e9a38..6a95c18a 100644 --- a/packages/react-filerobot-image-editor/src/components/App/App.styled.js +++ b/packages/react-filerobot-image-editor/src/components/App/App.styled.js @@ -37,7 +37,7 @@ const StyledMainContent = styled.div` const StyledCanvasAndTools = styled.div` height: 100%; - width: calc(100% - 80px); // 80px = tabsbar's width. + width: calc(100% - 92px); // 80px = tabsbar's width. flex-grow: 1; overflow-y: auto; display: flex; diff --git a/packages/react-filerobot-image-editor/src/components/Tabs/Tabs.styled.js b/packages/react-filerobot-image-editor/src/components/Tabs/Tabs.styled.js index 1ac98076..ee5cf6d9 100644 --- a/packages/react-filerobot-image-editor/src/components/Tabs/Tabs.styled.js +++ b/packages/react-filerobot-image-editor/src/components/Tabs/Tabs.styled.js @@ -15,7 +15,7 @@ const StyledTabs = styled.div` const StyledTabItem = styled.div( ({ theme }) => ` - width: 67px; + width: 80px; height: 62px; border-radius: 4px; display: flex; diff --git a/packages/react-filerobot-image-editor/src/components/Topbar/SaveButton.jsx b/packages/react-filerobot-image-editor/src/components/Topbar/SaveButton.jsx index efb06791..07c256c2 100644 --- a/packages/react-filerobot-image-editor/src/components/Topbar/SaveButton.jsx +++ b/packages/react-filerobot-image-editor/src/components/Topbar/SaveButton.jsx @@ -26,7 +26,7 @@ import { } from './Topbar.styled'; const sliderStyle = { marginBottom: 16 }; -const saveButtonWrapperStyle = { width: 67 }; // 67px same width as tabs bar +const saveButtonWrapperStyle = { width: 80 }; // 80px same width as tabs bar const saveButtonMenuStyle = { marginLeft: 12 }; let isFieSaveMounted = true;