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

fix: recent pictures styles

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

2
frontend/src/components/image/index.tsx
View File

@ -6,7 +6,7 @@ export const ImageComponent: Component<{ ID: string }> = (props) => {
return ( return (
<A href={`/image/${props.ID}`} class="w-full h-full"> <A href={`/image/${props.ID}`} class="w-full h-full">
<img <img
class="w-full h-full object-contain" class="w-full object-contain rounded-xl"
src={`${base}/image/${props.ID}`} src={`${base}/image/${props.ID}`}
/> />
</A> </A>

2
frontend/src/pages/front/page.tsx
View File

@ -1,5 +1,5 @@
import { Categories } from "./gallery"; import { Categories } from "./gallery";
import { Recent } from "./Recent"; import { Recent } from "./recent";
export const FrontPage = () => { export const FrontPage = () => {
return ( return (

2
frontend/src/pages/front/Recent.tsx → frontend/src/pages/front/recent.tsx
View File

@ -18,7 +18,7 @@ export const Recent: Component = () => {
return ( return (
<div class="rounded-xl bg-white p-4 flex flex-col gap-2"> <div class="rounded-xl bg-white p-4 flex flex-col gap-2">
<h2 class="text-xl font-bold">Recent Screenshots</h2> <h2 class="text-xl font-bold">Recent Screenshots</h2>
<div class="grid grid-cols-3 place-items-center"> <div class="grid grid-cols-3 gap-4 place-items-center">
<For each={latestImages()}> <For each={latestImages()}>
{(image) => <ImageComponent ID={image.ImageID} />} {(image) => <ImageComponent ID={image.ImageID} />}
</For> </For>