scrollbar + rust fix

core/src/lib.rs

@@ -332,7 +332,7 @@ pub enum ClientCommand {
   // System
   SysVolumeUnmount { id: i32 },
   GenerateThumbsForLocation { id: i32, path: String },
-  PurgeDatabase,
+  // PurgeDatabase,
   IdentifyUniqueFiles,
 }
 

packages/interface/src/components/file/Sidebar.tsx

@@ -71,7 +71,7 @@ export const Sidebar: React.FC<SidebarProps> = (props) => {
   ];
 
   return (
-    <div className="flex flex-col flex-grow-0 flex-shrink-0 w-48 min-h-full px-3 pb-1 overflow-x-hidden overflow-y-scroll border-r border-gray-100 bg-gray-50 dark:bg-gray-850 dark:border-gray-600">
+    <div className="flex flex-col flex-grow-0 flex-shrink-0 w-48 min-h-full px-3 pb-1 overflow-x-hidden overflow-y-scroll border-r border-gray-100 no-scrollbar bg-gray-50 dark:bg-gray-850 dark:border-gray-600">
       {appPropsContext?.platform === 'macOS' ? (
         <>
           <MacOSTrafficLights /> <div className="mt-6" />

packages/interface/src/screens/Overview.tsx

@@ -32,7 +32,7 @@ export const OverviewScreen: React.FC<{}> = (props) => {
   return (
     <div className="flex flex-col w-full h-screen">
       <div data-tauri-drag-region className="flex flex-shrink-0 w-full h-7" />
-      <div className="flex flex-col w-full h-screen px-3 overflow-scroll">
+      <div className="flex flex-col w-full h-screen px-3">
         <div className="flex items-center w-full ml-4">
           <div className="flex flex-wrap p-2 space-x-6">
             <StatItem name="Total capacity" value="26.5" unit="TB" />

packages/interface/src/style.scss

@@ -3,10 +3,17 @@ button {
   @apply cursor-default;
 }
 
-// ::-webkit-scrollbar {
-//   display: none;
-// }
 
+
+.no-scrollbar {
+  -ms-overflow-style: none; /* for Internet Explorer, Edge */
+  scrollbar-width: none; /* for Firefox */
+  overflow-y: scroll; 
+}
+
+.no-scrollbar::-webkit-scrollbar {
+  display: none;
+}
 .explorer-scroll {
   &::-webkit-scrollbar {
     height: 6px;