chore: add caching and fix component

This commit is contained in:
taskylizard 2024-08-03 15:55:40 +00:00
parent 76ea26ba79
commit 5c3d838e16
No known key found for this signature in database
GPG key ID: 1820131ED1A24120
3 changed files with 23 additions and 20 deletions

View file

@ -8,32 +8,21 @@ defineProps<{
</script>
<template>
<div
class="rounded-lg border bg-bg-elv text-text shadow-sm w-full max-w-md"
data-v0-t="card"
>
<div class="rounded-lg border bg-bg-elv text-text shadow-sm w-full max-w-md">
<div class="flex flex-col space-y-1.5 p-6 pb-4">
<h4
class="whitespace-nowrap text-2xl font-semibold leading-none tracking-tight"
>
<h4 class="whitespace-nowrap text-2xl font-semibold leading-none tracking-tight">
{{ title }}
</h4>
<p class="text-sm font-medium leading-none tracking-tight">
<p class="text-sm text-text-2 font-medium leading-none tracking-tight">
{{ description }}
</p>
</div>
<div class="p-6">
<img
:src="desktop"
:alt="title"
class="rounded-md object-cover aspect-[3/2]"
width="600"
height="400"
/>
<img :src="desktop" :alt="title" class="rounded-md object-cover aspect-[3/2]" width="1080" height="1920" />
</div>
<div class="items-center p-6 flex gap-4">
<div class="items-center p-6 flex gap-2">
<a :href="mobile" target="_blank">Mobile</a>
<span class=""></span>
<span class="text-text-2"></span>
<a :href="desktop" target="_blank">Desktop</a>
</div>
</div>