💄 update blogpost ui
Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
parent
d82120d904
commit
8a3970e783
3 changed files with 53 additions and 3 deletions
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
import type { CollectionEntry } from 'astro:content';
|
||||
import FormattedDate from '../components/FormattedDate.astro';
|
||||
import SectionContainer from '../components/SectionContainer.astro';
|
||||
import BlogContainer from '../components/BlogContainer.astro';
|
||||
|
||||
type Props = CollectionEntry<'blog'>['data'];
|
||||
|
||||
|
@ -23,7 +23,7 @@ const { title, description, pubDate } = Astro.props;
|
|||
}
|
||||
</script>
|
||||
|
||||
<SectionContainer>
|
||||
<BlogContainer>
|
||||
<main class="flex flex-col flex-1 mb-auto break-words mt-4">
|
||||
<article class="flex flex-col gap-1">
|
||||
<h1 class="text-4xl font-extrabold">{title}</h1>
|
||||
|
@ -37,4 +37,4 @@ const { title, description, pubDate } = Astro.props;
|
|||
</div>
|
||||
</article>
|
||||
</main>
|
||||
</SectionContainer>
|
||||
</BlogContainer>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue