From d0c00bfb870bdf625d6b345c6badbca4a037d629 Mon Sep 17 00:00:00 2001
From: xyfer17 <nav3044999@gmail.com>
Date: Sat, 5 Oct 2024 10:56:17 +0530
Subject: [PATCH 1/2] fix(CE): dashboard sidebar responsiveness

---
 ui/src/views/Sidebar/Sidebar.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/ui/src/views/Sidebar/Sidebar.tsx b/ui/src/views/Sidebar/Sidebar.tsx
index 5e798b52..7692bd24 100644
--- a/ui/src/views/Sidebar/Sidebar.tsx
+++ b/ui/src/views/Sidebar/Sidebar.tsx
@@ -90,7 +90,7 @@ const renderMenuSection = (section: MenuSection, index: number) => (
 );
 
 const SideBarFooter = () => (
-  <Stack position='absolute' bottom='0' left='0px' right='0px' margin='24px 16px'>
+  <Stack>
     <Box />
     <Stack spacing='0'>
       <NavLink to='/settings'>
@@ -114,6 +114,16 @@ const Sidebar = (): JSX.Element => {
       borderRightWidth='1px'
       borderRightStyle='solid'
       borderRightColor='gray.400'
+      minWidth='240px'
+      overflow='hidden auto'
+      css={{
+        '&::-webkit-scrollbar': {
+          width: '2px',
+        },
+        '&::-webkit-scrollbar-thumb': {
+          backgroundColor: 'var(--chakra-colors-gray-400)',
+        },
+      }}
     >
       <Flex flex='1' bg='bg.surface' maxW={{ base: 'full', sm: 'xs' }} paddingX={4} paddingY={6}>
         <Stack justify='space-between' spacing='1' width='full'>
@@ -126,8 +136,8 @@ const Sidebar = (): JSX.Element => {
             </Box>
             <Workspace />
             {menus.map(renderMenuSection)}
-            <SideBarFooter />
           </Stack>
+          <SideBarFooter />
         </Stack>
       </Flex>
     </Flex>

From ee9ad20e86f4358346e595dde9852545ebdf4dd6 Mon Sep 17 00:00:00 2001
From: xyfer17 <nav3044999@gmail.com>
Date: Tue, 15 Oct 2024 23:13:26 +0530
Subject: [PATCH 2/2] feat(CE): change logo style sticky

---
 ui/src/views/Sidebar/Sidebar.tsx | 43 +++++++++++++++++++-------------
 1 file changed, 25 insertions(+), 18 deletions(-)

diff --git a/ui/src/views/Sidebar/Sidebar.tsx b/ui/src/views/Sidebar/Sidebar.tsx
index 7692bd24..d7395318 100644
--- a/ui/src/views/Sidebar/Sidebar.tsx
+++ b/ui/src/views/Sidebar/Sidebar.tsx
@@ -91,15 +91,6 @@ const renderMenuSection = (section: MenuSection, index: number) => (
 
 const SideBarFooter = () => (
   <Stack>
-    <Box />
-    <Stack spacing='0'>
-      <NavLink to='/settings'>
-        <NavButton label='Settings' icon={FiSettings} />
-      </NavLink>
-      <NavLink to='https://docs.multiwoven.com/get-started/introduction'>
-        <NavButton label='Documentation' icon={FiBookOpen} />
-      </NavLink>
-    </Stack>
     <Profile />
   </Stack>
 );
@@ -115,15 +106,6 @@ const Sidebar = (): JSX.Element => {
       borderRightStyle='solid'
       borderRightColor='gray.400'
       minWidth='240px'
-      overflow='hidden auto'
-      css={{
-        '&::-webkit-scrollbar': {
-          width: '2px',
-        },
-        '&::-webkit-scrollbar-thumb': {
-          backgroundColor: 'var(--chakra-colors-gray-400)',
-        },
-      }}
     >
       <Flex flex='1' bg='bg.surface' maxW={{ base: 'full', sm: 'xs' }} paddingX={4} paddingY={6}>
         <Stack justify='space-between' spacing='1' width='full'>
@@ -134,8 +116,33 @@ const Sidebar = (): JSX.Element => {
             <Box bgColor='gray.300'>
               <Divider orientation='horizontal' />
             </Box>
+          </Stack>
+          <Stack
+            paddingX='6px'
+            marginTop='20px'
+            spacing='6'
+            shouldWrapChildren
+            overflow='hidden auto'
+            css={{
+              '&::-webkit-scrollbar': {
+                width: '2px',
+              },
+              '&::-webkit-scrollbar-thumb': {
+                backgroundColor: 'var(--chakra-colors-gray-400)',
+              },
+            }}
+          >
             <Workspace />
             {menus.map(renderMenuSection)}
+            <Box />
+            <Stack spacing='0'>
+              <NavLink to='/settings'>
+                <NavButton label='Settings' icon={FiSettings} />
+              </NavLink>
+              <NavLink to='https://docs.squared.ai/guides/core-concepts'>
+                <NavButton label='Documentation' icon={FiBookOpen} />
+              </NavLink>
+            </Stack>
           </Stack>
           <SideBarFooter />
         </Stack>