fix: mod browser UI QC issues pt 3
This commit is contained in:
parent
be718c9043
commit
554e51d543
2 changed files with 4 additions and 3 deletions
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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')
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue