re-implement fulldev Section and Card

replace-fulldev-ui
Avraham Sakal 3 months ago
parent 9eb7dda047
commit 5e13636094

@ -1,8 +1,6 @@
--- ---
import { getCollection } from 'astro:content'; import { getCollection } from 'astro:content';
import Layout from '../../layouts/Layout.astro'; import Layout from '../../layouts/Layout.astro';
import Section from 'fulldev-ui/components/Section.astro';
import Text from 'fulldev-ui/components/Text.astro';
const journalEntries = await getCollection('journal-entries'); const journalEntries = await getCollection('journal-entries');
@ -11,7 +9,16 @@ export const prerender = true;
--- ---
<Layout title="Journal Entries"> <Layout title="Journal Entries">
<main> <main>
<Section <div class="flex gap-4 flex-wrap">
{journalEntries.map((journalEntry)=>(
<div class="w-64 border-solid border-brand-3 border-width-1 rounded-2 px-2 py-1 bg-brand-12 opacity-80">
<p>{journalEntry.data.date.toISOString().substring(0,10)} <span class="border-solid border-brand-3 border-width-1 rounded-100 px-2 py-1">{journalEntry.data.category}</span></p>
<h3><a class="text-brand-3 decoration-none" href={`/journal/${journalEntry.slug}`}>{journalEntry.data.title}</a></h3>
<p>{journalEntry.data.description}</p>
</div>
))}
</div>
<!-- <Section
title="Journal Entries" title="Journal Entries"
cards={journalEntries.map((journalEntry)=>({ cards={journalEntries.map((journalEntry)=>({
frame:"panel", frame:"panel",
@ -30,6 +37,6 @@ export const prerender = true;
structure="grid" structure="grid"
size="md" size="md"
> >
</Section> </Section> -->
</main> </main>
</Layout> </Layout>
Loading…
Cancel
Save