Merge pull request #64 from fewwwww/master

vivek9patel · web-flow · commit 245e9d5c7dd9 · 2021-09-10T19:05:53.000+05:30
fix: sidebar overflow when having lots of apps
diff --git a/public/index.html b/public/index.html
@@ -48,6 +48,11 @@
   <link rel="icon" href="https://vivek9patel.github.io/images/logos/fevicon.svg" />
   <link rel="apple-touch-icon" href="./images/logos/logo.png" />
   <!-- <link rel="manifest" href="./manifest.json" /> -->
+  <style>
+    ::-webkit-scrollbar {
+      display: none;
+    }
+  </style>
 </head>
 
 <body>
diff --git a/src/components/screen/side_bar.js b/src/components/screen/side_bar.js
@@ -26,7 +26,7 @@ export default function SideBar(props) {
 
     return (
         <>
-            <div className={(props.hide ? " -translate-x-full " : "") + " absolute transform duration-300 select-none z-40 left-0 top-0 h-full pt-7 w-auto flex flex-col justify-start items-center border-black border-opacity-60 bg-black bg-opacity-50"}>
+            <div className={(props.hide ? " -translate-x-full " : "") + " absolute transform duration-300 select-none z-40 left-0 top-0 h-full pt-7 w-auto flex flex-col justify-start items-center border-black border-opacity-60 bg-black bg-opacity-50 overflow-scroll"}>
                 {
                     (
                         Object.keys(props.closed_windows).length !== 0
@@ -47,7 +47,8 @@ export function AllApps(props) {
 
     return (
         <div
-            className={`absolute bottom-0 w-10 h-10 rounded m-1 hover:bg-white hover:bg-opacity-10 flex items-center justify-center`}
+        className={`w-10 h-10 rounded m-1 hover:bg-white hover:bg-opacity-10 flex items-center justify-center`}
+        style={{marginTop: 'auto'}}
             onMouseEnter={() => {
                 setTitle(true);
             }}
