JohnCosta27/Haystack
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

fix: gallery

Browse Source
This commit is contained in:
John Costa
2025-07-18 16:02:26 +01:00
parent bb3ae507ea
commit 75b2cc53a4
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/search-card/SearchCard.tsx
View File

@ -26,7 +26,7 @@ export const SearchCard = (props: { item: UserImage }) => {
return ( return (
<A <A
href={`/entity/${props.item.data.ID}`} href={`/entity/${props.item.data.ID}`}
class="h-[144px] border relative col-span-3 border-neutral-200 cursor-pointer overflow-hidden rounded-xl" class="h-[144px] border relative border-neutral-200 cursor-pointer overflow-hidden rounded-xl"
> >
<UnwrappedSearchCard item={props.item} /> <UnwrappedSearchCard item={props.item} />
</A> </A>

6
frontend/src/pages/gallery/index.tsx
View File

@ -24,8 +24,10 @@ const EntityGallery: Component<{
images().filter((i) => i.type === props.entity); images().filter((i) => i.type === props.entity);
return ( return (
<div class="w-full flex flex-col gap-4 capitalize bg-white container p-4"> <div class="w-full flex flex-col gap-4 capitalize bg-white rounded-xl p-4">
<h2 class="font-bold text-xl">{props.entity}s</h2> <h2 class="font-bold text-xl">
{props.entity}s ({filteredCategories().length})
</h2>
<div class="grid grid-cols-3 gap-4"> <div class="grid grid-cols-3 gap-4">
<For each={filteredCategories()}> <For each={filteredCategories()}>
{(category) => <SearchCard item={category} />} {(category) => <SearchCard item={category} />}