added thumbnail button to mac os style layout and fixed its scroll

package.json

@@ -1,6 +1,6 @@
 {
   "name": "filedime",
-  "version": "0.9.53",
+  "version": "0.9.54",
   "private": true,
   "engines": {
     "node": "20.x"

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "filedime"
-version = "0.9.53"
+version = "0.9.54"
 description = "rust based file explorer."
 authors = ["visnk"]
 license = ""

src/components/greet.tsx

@@ -1969,7 +1969,7 @@ export default function Greet() {
         </span>):null}
         {
           layout==="grid"?(
-          <div>
+          <>
             <div className={`flex flex-row}`}>
         {/* <div className={`${isgrid?"mb-3 mt-3":"hidden"}`}> */}
 
@@ -2073,27 +2073,36 @@ export default function Greet() {
                 }/>
                 </div>
         </div>
-        <div className={`grid sm:grid-cols-2 lg:grid-cols-4 mt-6 overflow-${scrollorauto}}`}>
+        <div className={`grid sm:grid-cols-2 lg:grid-cols-4 mt-6 overflow-${scrollorauto}`}>
 
 
         {
         filestoshow
                     .slice(currentpage*perpage,((currentpage)+1)*perpage)
                     .map((message, index) => (
                       <div key={index} className="m-3 flex flex-row">
-                      <EachFromGrid message={message} goto={goto}  populatesearchlist={populatesearchlist} newtab={newtab} setfos={setfos} showthumbnail={showthumbnail} appWindow={appWindow}/>
+                      <EachFromGrid message={message} goto={goto}  populatesearchlist={populatesearchlist} newtab={newtab} setfos={setfos} showthumbnail={showthumbnail} addmark={addmark}/>
                         </div>
 
         ))}
         </div>
-            </div>):null
+            </>):null
 
         }
 
         {
 
-          layout==="miller"?(
+          layout==="miller"?(<>
+          <HoverCard>
+                <HoverCardTrigger>
+                <Button variant={"outline"}  onClick={()=>setst((old)=>!old)}><GalleryThumbnailsIcon className="h-4 w-4"/></Button>
+                </HoverCardTrigger>
+              <HoverCardContent  className={`${setcolorpertheme}`}>
+               Show Thumbnails
+              </HoverCardContent>
+            </HoverCard>
             <div className={`flex ms-2 overflow-scroll`}>
+
           {pathsplitlist
           // .filter(function (el) {
           //   return el.name.toLocaleLowerCase().includes(searchstring.toLocaleLowerCase()) || el.mount_point.toLocaleLowerCase().includes(searchstring.toLocaleLowerCase())
@@ -2102,15 +2111,15 @@ export default function Greet() {
             if(eachif.pathtofol.trim().length>0){
 
               return <div className={`flex ms-2`}>
-              <MillerCol eachif={eachif} populatesearchlist={populatesearchlist} goto={goto} newtab={newtab} addmark={addmark} searchstring={searchstring} sftype={sftype}/>
+              <MillerCol eachif={eachif} populatesearchlist={populatesearchlist} goto={goto} newtab={newtab} addmark={addmark} searchstring={searchstring} sftype={sftype} showthumbnail={showthumbnail}/>
               </div>
 
             }
             return;
         })}
 
         </div>
-          ):null
+         </> ):null
         }
 
         </ResizablePanel>

src/components/millercol.tsx

@@ -15,9 +15,9 @@ interface argprops{
     addmark:(path: string) => void;
     searchstring:String,
     sftype:String,
-    appWindow?
+    showthumbnail?
 }
-export default function MillerCol({eachif,populatesearchlist,goto,newtab,addmark,searchstring,sftype}:argprops){
+export default function MillerCol({eachif,populatesearchlist,goto,newtab,addmark,searchstring,sftype,showthumbnail}:argprops){
     const filesobjinit:FileItem[]=[]
     const [fileslist, setfileslist] = useState(filesobjinit);
     useEffect(()=>{
@@ -48,7 +48,7 @@ export default function MillerCol({eachif,populatesearchlist,goto,newtab,addmark
             // if(eachitem.size>0){
 
               return <div key={index} className="m-3 flex flex-row overflow-hidden">
-                <EachFromGrid message={message} goto={goto}  populatesearchlist={populatesearchlist} newtab={newtab} addmark={addmark}/>
+                <EachFromGrid message={message} goto={goto}  populatesearchlist={populatesearchlist} newtab={newtab} addmark={addmark} showthumbnail={showthumbnail}/>
                 </div>
             // }
             // return;