file copying & open in new tab + tailwind-scrollbar

src/routes/index.tsx

@@ -26,16 +26,22 @@ export default component$(() => {
 			<Controlbar />
 			<a href={OAUTH_LINK}>oauth</a>
 
-			<div class="grid grid-cols-4 gap-4 p-4 mb-18">
 				{/* TODO: make ts better :broken_heart: */}
-				{!loaded.value ? <p>Loading...</p> : (
-					files.value.length === 0 ? ( <p> no files found fr </p> )
-					: files.value.map((file) => (
-						<File key={file.ID} file={file} />
-					))
+				{!loaded.value ? (
+					<p>loading</p>
+				) : (
+					files.value.length === 0 ? (
+						<p> no files found fr </p>
+					)
+					: (
+						<div class="grid grid-cols-4 gap-4 p-4 mb-18">
+							{files.value.map((file) => (
+								<File key={file.ID} file={file} />
+							))}
+						</div>
+					)
 				)}
-			
-			</div>
+
 		</>
 	);
 });

src/routes/layout.tsx

@@ -2,7 +2,7 @@ import { component$, Slot } from '@builder.io/qwik';
  
 export default component$(() => {
   return (
-    <div class="flex flex-col min-h-screen bg-neutral-950 text-white">
+    <div class="flex flex-col min-h-screen bg-neutral-950 text-white scrollbar-thin overflow-scroll">
         <Slot />
     </div>
   );