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

fix: adding full height to cards

Browse Source
This commit is contained in:
John Costa
2025-05-07 10:21:07 +01:00
parent a2ba328097
commit 33b8d51f89
6 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/search-card/SearchCardContact.tsx
View File

@ -1,5 +1,3 @@
import { Separator } from "@kobalte/core/separator";
import { IconUser } from "@tabler/icons-solidjs";
import type { UserImage } from "../../network";
@ -11,7 +9,7 @@ export const SearchCardContact = ({ item }: Props) => {
const { data } = item;
return (
<div class="inset-0 p-3 bg-orange-50">
<div class="h-full inset-0 p-3 bg-orange-50">
<div class="flex mb-1 items-center gap-1">
<IconUser size={14} class="text-neutral-500" />
<p class="text-xs text-neutral-500">Contact</p>

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

@ -9,7 +9,7 @@ export const SearchCardEvent = ({ item }: Props) => {
const { data } = item;
return (
<div class="inset-0 p-3 bg-purple-50">
<div class="h-full inset-0 p-3 bg-purple-50">
<div class="flex mb-1 items-center gap-1">
<IconCalendar size={14} class="text-neutral-500" />
<p class="text-xs text-neutral-500">Event</p>

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

@ -9,7 +9,7 @@ export const SearchCardLocation = ({ item }: Props) => {
const { data } = item;
return (
<div class="inset-0 p-3 bg-red-50">
<div class="h-full inset-0 p-3 bg-red-50">
<div class="flex mb-1 items-center gap-1">
<IconMapPin size={14} class="text-neutral-500" />
<p class="text-xs text-neutral-500">Location</p>

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

@ -12,7 +12,7 @@ export const SearchCardNote = ({ item }: Props) => {
const { data } = item;
return (
<div class="inset-0 p-3 bg-green-50">
<div class="h-full inset-0 p-3 bg-green-50">
<div class="flex mb-1 items-center gap-1">
<IconNote size={14} class="text-neutral-500" />
<p class="text-xs text-neutral-500">Note</p>

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

@ -11,7 +11,7 @@ export const SearchCardReceipt = ({ item }: Props) => {
const { data } = item;
return (
<div class="inset-0 p-3 bg-yellow-50">
<div class="h-full inset-0 p-3 bg-yellow-50">
<div class="grid grid-cols-[auto_20px] gap-1 mb-1">
<p class="text-sm text-neutral-900 font-bold">
{data.orderNumber} - {data.vendor}

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

@ -11,7 +11,7 @@ export const SearchCardWebsite = ({ item }: Props) => {
const { data } = item;
return (
<div class="inset-0 p-3 bg-blue-50">
<div class="h-full inset-0 p-3 bg-blue-50">
<div class="grid grid-cols-[auto_20px] gap-1 mb-1">
<p class="text-sm text-neutral-900 font-bold">{data.title}</p>
<IconLink size={20} class="text-neutral-500 mt-1" />