Adjust styling for blog post page and components

This commit is contained in:
Maciej Pędzich 2023-08-31 16:03:54 +02:00
parent ce0a0f180d
commit 92a024956c
3 changed files with 6 additions and 5 deletions

View File

@ -46,7 +46,7 @@ const grouppedHeadings = headings.reduce((array, heading) => {
<style>
#table-of-contents {
margin: 2rem 0;
margin: 2.25rem 0;
padding: 0.5rem;
border: 1px solid #fff;
border-left: none;

View File

@ -56,13 +56,13 @@ const [category] = categories;
<style>
h1.title {
line-height: 1.3;
margin-bottom: 1.5rem;
line-height: 1.25;
margin-bottom: 0.5rem;
}
#metadata p {
margin-top: 0;
margin-bottom: 0.2rem;
margin-bottom: 0.25rem;
}
.title {

View File

@ -1,5 +1,6 @@
---
import { CollectionEntry, getCollection } from 'astro:content';
import type { CollectionEntry } from 'astro:content';
import { getCollection } from 'astro:content';
import BlogPost from '../../layouts/BlogPost.astro';
import TableOfContents from '../../components/TableOfContents.astro';