mirror of
https://github.com/bartvdbraak/hellob.art.git
synced 2025-04-26 09:01:21 +00:00
29 lines
865 B
Svelte
29 lines
865 B
Svelte
<script lang="ts">
|
|
import * as Card from '$lib/components/ui/card';
|
|
import type { Tool } from '$lib/content/tools';
|
|
|
|
export let toolItem: Tool;
|
|
let { description, enhanced, logo, name, tagLine } = toolItem;
|
|
</script>
|
|
|
|
<Card.Root class="mb-4 inline-block h-full w-full hover:bg-muted/50">
|
|
<Card.Header class="flex flex-row items-center justify-between space-y-0 pb-1">
|
|
<Card.Title>
|
|
<h4 class="text-2xl font-bold">{name}</h4>
|
|
<span class="text-sm font-medium">{tagLine}</span>
|
|
</Card.Title>
|
|
{#if enhanced}
|
|
<enhanced:img
|
|
src={logo}
|
|
alt="logo of {name}"
|
|
class="h-10 w-10 object-contain"
|
|
loading="lazy"
|
|
/>
|
|
{:else}
|
|
<img src={logo} alt="logo of {name}" class="h-10 w-10 object-contain" loading="lazy" />
|
|
{/if}
|
|
</Card.Header>
|
|
<Card.Content class="text-sm text-muted-foreground">
|
|
{description}
|
|
</Card.Content>
|
|
</Card.Root>
|