Joururi/yorha-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added item card view for selection

Browse Source
This commit is contained in:
Alexis
2023-05-14 18:45:35 +02:00
parent 495c9ed1d0
commit 77f0b8ab7b
17 changed files with 146 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/YrhCard.vue
View File

@@ -1,20 +1,25 @@
<script lang="ts" setup>
import { useSlots } from 'vue'
const slots = useSlots()
</script>
<template>
<article class="h-full grid grid-rows-[auto_1fr_1fr_auto] gap-3 bg-y-beige-300">
<header class="px-3 py-1 bg-y-beige-700">
<article class="h-full grid grid-rows-[auto_1fr_1fr_auto] gap-4 bg-y-beige-300 pb-4">
<header class="px-4 py-1 bg-y-beige-700">
<span class="tracking-wider text-lg text-y-beige-400">
<slot name="title" />
</span>
</header>
<figure class="mx-3 bg-y-beige-500 grid place-items-center">
<figure class="mx-4 bg-y-beige-500 grid place-items-center">
<slot name="image" />
</figure>
<div class="mx-3">
<div class="mx-4 pt-1 border-t-2 border-y-beige-500">
<slot name="content" />
</div>
<footer class="mx-3">
<footer class="mx-4">
<slot name="footer" />
</footer>
</article>