From d198432be8b7dbdf8b6182ae02fbb0646c933bd6 Mon Sep 17 00:00:00 2001
From: Siklos <siklos@tuta.io>
Date: Fri, 12 Aug 2022 22:13:04 +0200
Subject: [PATCH] Fix css

---
 src/Components/Bar/Bar.tsx         | 2 +-
 src/Components/History/History.tsx | 2 +-
 src/Components/SVG/SVG.tsx         | 2 +-
 src/Components/Sidebar/Sidebar.tsx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Components/Bar/Bar.tsx b/src/Components/Bar/Bar.tsx
index 1738a3f..77cb259 100644
--- a/src/Components/Bar/Bar.tsx
+++ b/src/Components/Bar/Bar.tsx
@@ -15,7 +15,7 @@ export const BAR_WIDTH = 64; // 4rem
 
 export const Bar: React.FC<IBarProps> = (props) => {
   return (
-    <div className='fixed z-20 flex flex-col top-0 left-0 h-screen w-16 bg-slate-100'>
+    <div className='fixed z-20 flex flex-col top-0 left-0 h-full w-16 bg-slate-100'>
       <BarIcon
         isActive={props.isSidebarOpen}
         title='Components'
diff --git a/src/Components/History/History.tsx b/src/Components/History/History.tsx
index d2daeea..30778bd 100644
--- a/src/Components/History/History.tsx
+++ b/src/Components/History/History.tsx
@@ -39,7 +39,7 @@ export const History: React.FC<IHistoryProps> = (props: IHistoryProps) => {
   };
 
   return (
-    <div className={`fixed flex flex-col bg-slate-300 text-white transition-all h-screen w-64 overflow-y-auto z-20 ${isOpenClasses}`}>
+    <div className={`fixed flex flex-col bg-slate-300 text-white transition-all h-full w-64 overflow-y-auto z-20 ${isOpenClasses}`}>
       <div className='bg-slate-600 font-bold sidebar-title'>
           Timeline
       </div>
diff --git a/src/Components/SVG/SVG.tsx b/src/Components/SVG/SVG.tsx
index 5758d5f..652258f 100644
--- a/src/Components/SVG/SVG.tsx
+++ b/src/Components/SVG/SVG.tsx
@@ -30,7 +30,7 @@ function resizeViewBox(
 
 export const SVG: React.FC<ISVGProps> = (props: ISVGProps) => {
   const [viewer, setViewer] = React.useState<Viewer>({
-    viewerWidth: window.innerWidth,
+    viewerWidth: window.innerWidth - BAR_WIDTH,
     viewerHeight: window.innerHeight
   });
 
diff --git a/src/Components/Sidebar/Sidebar.tsx b/src/Components/Sidebar/Sidebar.tsx
index 440908f..c39b235 100644
--- a/src/Components/Sidebar/Sidebar.tsx
+++ b/src/Components/Sidebar/Sidebar.tsx
@@ -30,7 +30,7 @@ export const Sidebar: React.FC<ISidebarProps> = (props: ISidebarProps) => {
   const isOpenClasses = props.isOpen ? 'left-16' : '-left-64';
   return (
     <div className={`fixed z-10 bg-slate-200
-      text-gray-700 transition-all h-screen w-64
+      text-gray-700 transition-all h-full w-64
       overflow-y-auto ${isOpenClasses}`}>
       <div className='bg-slate-100 sidebar-title'>
           Components