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

fix: width

Browse Source
This commit is contained in:
John Costa
2025-07-18 12:09:12 +01:00
parent 27ad03b1c1
commit 6d235eea36
2 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/App.tsx
View File

@ -36,7 +36,7 @@ const AppWrapper: Component<ParentProps> = (props) => {
const WithDock: Component<ParentProps> = (props) => { const WithDock: Component<ParentProps> = (props) => {
return ( return (
<div class="flex flex-col"> <div class="w-full flex flex-col items-center">
{props.children} {props.children}
<div class="w-full mt-auto h-16 bg-white flex justify-between m-4 rounded-xl"> <div class="w-full mt-auto h-16 bg-white flex justify-between m-4 rounded-xl">
<A href="/" class="w-full flex justify-center items-center"> <A href="/" class="w-full flex justify-center items-center">

5
frontend/src/gallery/index.tsx
View File

@ -1,5 +1,5 @@
import { Component, For, Show } from "solid-js"; import { Component, For, Show } from "solid-js";
import { A, useParams } from "@solidjs/router"; import { useParams } from "@solidjs/router";
import { union, literal, safeParse, InferOutput, parse } from "valibot"; import { union, literal, safeParse, InferOutput, parse } from "valibot";
import { useSearchImageContext } from "../contexts/SearchImageContext"; import { useSearchImageContext } from "../contexts/SearchImageContext";
import { SearchCard } from "../components/search-card/SearchCard"; import { SearchCard } from "../components/search-card/SearchCard";
@ -24,7 +24,7 @@ const EntityGallery: Component<{
images().filter((i) => i.type === props.entity); images().filter((i) => i.type === props.entity);
return ( return (
<div class="flex flex-col gap-4 capitalize bg-white container p-4"> <div class="w-full flex flex-col gap-4 capitalize bg-white container p-4">
<h2 class="font-bold text-xl">{props.entity}s</h2> <h2 class="font-bold text-xl">{props.entity}s</h2>
<div class="grid grid-cols-3 gap-4"> <div class="grid grid-cols-3 gap-4">
<For each={filteredCategories()}> <For each={filteredCategories()}>
@ -44,7 +44,6 @@ export const Gallery: Component = () => {
when={validated.success} when={validated.success}
fallback={<p>Sorry, this entity is not supported</p>} fallback={<p>Sorry, this entity is not supported</p>}
> >
<A href="/">Home</A>
<EntityGallery entity={validated.output as any} /> <EntityGallery entity={validated.output as any} />
</Show> </Show>
); );