From 96324db6235e468910944f5e59ccbe62ad252c1e Mon Sep 17 00:00:00 2001
From: Florian <45694132+flo-bit@users.noreply.github.com>
Date: Fri, 9 Jan 2026 16:42:59 +0100
Subject: [PATCH] small fixes

---
 src/app.css                                   | 42 +++++++++++++++++++
 .../UpdatedBlentos/UpdatedBlentosCard.svelte  | 19 +--------
 .../SpecialCards/UpdatedBlentos/index.ts      | 16 ++++++-
 3 files changed, 59 insertions(+), 18 deletions(-)

diff --git a/src/app.css b/src/app.css
index fc9ce10..e9725b3 100644
--- a/src/app.css
+++ b/src/app.css
@@ -7,6 +7,48 @@
 
 @custom-variant dark (&:where(.dark, .dark *));
 
+.body::-webkit-scrollbar-track {
+	background-color: transparent;
+}
+
+@supports (scrollbar-width: auto) {
+	body {
+		scrollbar-color: var(--color-base-400) transparent;
+		scrollbar-width: thin;
+	}
+
+	.dark body {
+		scrollbar-color: var(--color-base-800) transparent;
+	}
+}
+
+@supports not (scrollbar-width: auto) {
+	body::-webkit-scrollbar {
+		width: 14px;
+		height: 14px;
+	}
+}
+
+body::-webkit-scrollbar-thumb {
+	background-color: var(--color-base-400);
+	border-radius: 20px;
+	border: 4px solid transparent;
+	background-clip: content-box;
+}
+
+body::-webkit-scrollbar-thumb:hover {
+	background-color: var(--color-base-500);
+}
+
+.dark body::-webkit-scrollbar-thumb {
+	background-color: var(--color-base-800);
+}
+
+.dark body::-webkit-scrollbar-thumb:hover {
+	background-color: var(--color-base-700);
+}
+
+
 @theme inline {
 	--color-base-50: var(--base-50);
 	--color-base-100: var(--base-100);
diff --git a/src/lib/cards/SpecialCards/UpdatedBlentos/UpdatedBlentosCard.svelte b/src/lib/cards/SpecialCards/UpdatedBlentos/UpdatedBlentosCard.svelte
index 1397af1..2b6d6ef 100644
--- a/src/lib/cards/SpecialCards/UpdatedBlentos/UpdatedBlentosCard.svelte
+++ b/src/lib/cards/SpecialCards/UpdatedBlentos/UpdatedBlentosCard.svelte
@@ -10,22 +10,7 @@
 
 	const data = getAdditionalUserData();
 	// svelte-ignore state_referenced_locally
-	const recentRecords = (data[item.cardType] as any);
-
-	let profiles: ProfileViewDetailed[] = $state([]);
-
-	onMount(async () => {
-		let uniqueDids = new Set<string>();
-		for (let record of recentRecords as { did: string }[]) {
-			uniqueDids.add(record.did);
-		}
-
-		for (let did of Array.from(uniqueDids)) {
-			const profile = await getProfile({ did });
-			profiles.push(profile);
-			if (profiles.length > 20) return;
-		}
-	});
+	const profiles = (data[item.cardType] as ProfileViewDetailed[]);
 </script>
 
 <div class="pointer-events-none">
@@ -34,7 +19,7 @@
 	></div>
 	<div class="absolute bottom-3 left-4 text-sm font-semibold">recently updated blentos</div>
 </div>
-<div class="flex h-full max-w-full items-center gap-4 overflow-x-scroll px-8">
+<div class="flex h-full max-w-full items-center gap-4 overflow-x-scroll px-8 overflow-y-hidden">
 	{#each profiles as profile}
 		<a
 			href="/{profile.handle}"
diff --git a/src/lib/cards/SpecialCards/UpdatedBlentos/index.ts b/src/lib/cards/SpecialCards/UpdatedBlentos/index.ts
index d5cde6c..2bea77f 100644
--- a/src/lib/cards/SpecialCards/UpdatedBlentos/index.ts
+++ b/src/lib/cards/SpecialCards/UpdatedBlentos/index.ts
@@ -1,3 +1,5 @@
+import { getProfile } from '$lib/oauth/atproto';
+import type { ProfileViewDetailed } from '@atproto/api/dist/client/types/app/bsky/actor/defs';
 import type { CardDefinition } from '../../types';
 import UpdatedBlentosCard from './UpdatedBlentosCard.svelte';
 
@@ -8,6 +10,18 @@ export const UpdatedBlentosCardDefitition = {
 		const response = await fetch(
 			'https://ufos-api.microcosm.blue/records?collection=app.blento.card'
 		);
-		return await response.json();
+		const recentRecords = await response.json();
+		const uniqueDids = new Set<string>();
+		for (const record of recentRecords as { did: string }[]) {
+			uniqueDids.add(record.did);
+		}
+		const profiles: Promise<ProfileViewDetailed>[] = [];
+
+		for (const did of Array.from(uniqueDids)) {
+			const profile = getProfile({ did });
+			profiles.push(profile);
+			if (profiles.length > 20) return;
+		}
+		return JSON.parse(JSON.stringify(await Promise.all(profiles)));
 	}
 } as CardDefinition & { type: 'updatedBlentos' };
-- 
2.51.2