fix: width
This commit is contained in:
@ -36,7 +36,7 @@ const AppWrapper: Component<ParentProps> = (props) => {
|
||||
|
||||
const WithDock: Component<ParentProps> = (props) => {
|
||||
return (
|
||||
<div class="flex flex-col">
|
||||
<div class="w-full flex flex-col items-center">
|
||||
{props.children}
|
||||
<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">
|
||||
|
@ -1,5 +1,5 @@
|
||||
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 { useSearchImageContext } from "../contexts/SearchImageContext";
|
||||
import { SearchCard } from "../components/search-card/SearchCard";
|
||||
@ -24,7 +24,7 @@ const EntityGallery: Component<{
|
||||
images().filter((i) => i.type === props.entity);
|
||||
|
||||
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>
|
||||
<div class="grid grid-cols-3 gap-4">
|
||||
<For each={filteredCategories()}>
|
||||
@ -44,7 +44,6 @@ export const Gallery: Component = () => {
|
||||
when={validated.success}
|
||||
fallback={<p>Sorry, this entity is not supported</p>}
|
||||
>
|
||||
<A href="/">Home</A>
|
||||
<EntityGallery entity={validated.output as any} />
|
||||
</Show>
|
||||
);
|
||||
|
Reference in New Issue
Block a user