Update sizes for left menu

scaleflex · Jul 27, 2022 · dc73e25 · dc73e25
1 parent e2a6bc3
commit dc73e25
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 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
@@ -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
@@ -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
@@ -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;