fix: mod browser UI QC issues pt 3

This commit is contained in:
Szedann 2025-08-01 22:19:50 +02:00
parent be718c9043
commit 554e51d543
2 changed files with 4 additions and 3 deletions

View file

@ -26,7 +26,7 @@ export function PackageItem({ provider, ...item }: SearchResult & { provider: Pr
return (
<Link
className="h-full min-w-50 flex overflow-hidden rounded-lg bg-component-bg hover:bg-component-bg-hover flex-col max-h-74 min-h-74"
className="h-full min-w-50 overflow-hidden rounded-lg bg-component-bg hover:bg-component-bg-hover grid grid-rows-[7rem_auto] max-h-74 min-h-74"
params={{ provider, slug: item.slug }}
tabIndex={0}
to="/app/browser/package/$provider/$slug"

View file

@ -79,7 +79,7 @@ function BrowserCategories() {
<div className="flex flex-col gap-y-6 ml-16">
<Show when>
<div className="flex flex-col gap-y-1.5">
<h5 className="my-1 uppercase opacity-60 font-light">Categories</h5>
<h5 className="my-1 text-sm uppercase opacity-60 font-light">Categories</h5>
{categories.map(category => (
<p
aria-selected={context.query.filters?.categories?.includes(category.id)}
@ -144,7 +144,8 @@ function BrowserToolbar() {
<div className="flex flex-row gap-2">
<TextField
iconLeft={<SearchMdIcon />}
className="min-w-64"
iconLeft={<SearchMdIcon className="scale-75" />}
onChange={e => setQuery(e.currentTarget.value)}
onKeyDown={(e) => {
if (e.key !== 'Enter')