From 52a8382fcd27275fcf42bbeaf474737cc63de8a4 Mon Sep 17 00:00:00 2001
From: Szedann <65607498+Szedann@users.noreply.github.com>
Date: Sun, 20 Jul 2025 17:20:40 +0200
Subject: [PATCH] fix: fix package image blur

---
 .../frontend/src/components/content/PackageItem.tsx         | 6 +++---
 .../src/routes/app/browser/package.$provider.$slug.tsx      | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/onelauncher/frontend/src/components/content/PackageItem.tsx b/apps/onelauncher/frontend/src/components/content/PackageItem.tsx
index 63e9830f..a3a9d522 100644
--- a/apps/onelauncher/frontend/src/components/content/PackageItem.tsx
+++ b/apps/onelauncher/frontend/src/components/content/PackageItem.tsx
@@ -15,9 +15,9 @@ export function PackageGrid({ items, provider }: { items: Array<SearchResult>; p
 }
 
 export function PackageItem({ provider, ...item }: SearchResult & { provider: Provider }) {
-	const navigate = useNavigate()
+	const navigate = useNavigate();
 	function redirect() {
-		navigate({to: "/app/browser/package/$provider/$slug", params: {provider, slug: item.slug}})
+		navigate({ to: '/app/browser/package/$provider/$slug', params: { provider, slug: item.slug } });
 	}
 
 	return (
@@ -37,7 +37,7 @@ export function PackageItem({ provider, ...item }: SearchResult & { provider: Pr
 					)}
 					when={item.icon_url}
 				>
-					<img alt={`Icon for ${item.title}`} className="absolute z-0 max-w-none w-7/6 opacity-50 filter-blur-xl" src={item.icon_url} />
+					<img alt={`Icon for ${item.title}`} className="absolute z-0 max-w-none w-7/6 opacity-50 blur-xl" src={item.icon_url} />
 					<img
 						alt={`Icon for ${item.title}`}
 						className="relative z-1 aspect-ratio-square rounded-md image-render-auto w-2/5"
diff --git a/apps/onelauncher/frontend/src/routes/app/browser/package.$provider.$slug.tsx b/apps/onelauncher/frontend/src/routes/app/browser/package.$provider.$slug.tsx
index 8d10bcd8..4d386d4b 100644
--- a/apps/onelauncher/frontend/src/routes/app/browser/package.$provider.$slug.tsx
+++ b/apps/onelauncher/frontend/src/routes/app/browser/package.$provider.$slug.tsx
@@ -76,7 +76,7 @@ function BrowserSidebar({ package: pkg }: { package: ManagedPackage }) {
 		<div className="sticky top-0 z-1 max-w-60 min-w-54 flex flex-col gap-y-4">
 			<div className="min-h-72 flex flex-col overflow-hidden rounded-lg bg-component-bg">
 				<div className="relative h-28 flex items-center justify-center overflow-hidden">
-					<img alt={`Icon for ${pkg.name}`} className="absolute z-0 max-w-none w-7/6 filter-blur-xl" src={pkg.icon_url || ''} />
+					<img alt={`Icon for ${pkg.name}`} className="absolute z-0 max-w-none w-7/6 blur-xl" src={pkg.icon_url || ''} />
 					<img alt={`Icon for ${pkg.name}`} className="relative z-1 aspect-ratio-square w-2/5 rounded-md image-render-auto" src={pkg.icon_url || ''} />
 				</div>
 				<div className="flex flex-1 flex-col gap-2 p-3">