oiupoyt/OneLauncher-Cracked
1
1
Fork 0
Code Issues Pull requests Projects Releases 2 Packages Wiki Activity

fix: fix package image blur

Browse source
This commit is contained in:
Szedann 2025-07-20 17:20:40 +02:00
parent 7f67d2d769
commit 52a8382fcd
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
apps/onelauncher/frontend/src/components/content/PackageItem.tsx
View file

@ -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"

2
apps/onelauncher/frontend/src/routes/app/browser/package.$provider.$slug.tsx
View file

@ -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">