From d7512bc151065baec8d64b9d3d1220cee9471943 Mon Sep 17 00:00:00 2001
From: grngxd <36968271+grngxd@users.noreply.github.com>
Date: Sat, 9 Aug 2025 12:14:17 +0100
Subject: [PATCH] fix: update scrollbar colors for consistency and improve
 loading spinner visibility

---
 src/components/dashboard/Settings.tsx |  2 +-
 src/global.css                        |  2 +-
 src/routes/dashboard/index.tsx        | 10 ++++++----
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/dashboard/Settings.tsx b/src/components/dashboard/Settings.tsx
index 33008c0..ccb4a65 100644
--- a/src/components/dashboard/Settings.tsx
+++ b/src/components/dashboard/Settings.tsx
@@ -62,7 +62,7 @@ const StorageAndPlan = component$(() => {
                                 <div class="overflow-clip flex bg-black/25 rounded-lg">
                                     {(title.value || description.value) ? (
                                         <>
-                                            <div class="w-1.5" style={{ backgroundColor: color.value }} />
+                                            <div class="w-1" style={{ backgroundColor: color.value }} />
                                             <div class="flex flex-col p-2 gap-2 border-2 border-white/10 border-l-0 rounded-r-lg">
                                                 <div class="flex flex-col">
                                                     { title.value && <p>{title.value}</p> }
diff --git a/src/global.css b/src/global.css
index 480ff8b..ee38480 100644
--- a/src/global.css
+++ b/src/global.css
@@ -11,5 +11,5 @@
 }
 
 * {
-  @apply scrollbar-thin scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-thumb-white/30 scrollbar-track-white/10;
+  @apply scrollbar-thin scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-thumb-stereo/30 scrollbar-track-stereo/10;
 }
\ No newline at end of file
diff --git a/src/routes/dashboard/index.tsx b/src/routes/dashboard/index.tsx
index b1bdb5e..482cbde 100644
--- a/src/routes/dashboard/index.tsx
+++ b/src/routes/dashboard/index.tsx
@@ -6,6 +6,7 @@ import Actionbar from "~/components/dashboard/Actionbar";
 import Settings from "~/components/dashboard/Settings";
 import Thumbhash from "~/components/dashboard/Thumbhash";
 import Titlebar from "~/components/dashboard/Titlebar";
+import { SvgSpinnersBarsRotateFade } from "~/components/misc/Icons";
 import { useNanostore$ } from "~/hooks/nanostores";
 // import Dropzone from "~/components/Dropzone";
 import { api } from "~/lib/api";
@@ -201,14 +202,15 @@ const Files = component$(() => {
 				{hasMore.value && (
 					<div
 						ref={sentinel}
-						class="absolute bottom-0 left-0 h-1/2 flex items-center justify-center w-full"
+						class="absolute bottom-0 left-0 h-1/2 flex items-end justify-center pb-16 w-full"
 					>
-						{/* {loadingMore.value && (
-							loading spinner?
-						)} */}
+						{loadingMore.value && (
+							<SvgSpinnersBarsRotateFade class="text-stereo text-3xl"/>
+						)}
 					</div>
 				)}
             </div>
+			{!hasMore.value && <p class="text-center font-medium text-xl text-stereo/35 mb-16 mt-8">thats all folks!!!</p>}
         </div>
     );
 });