maciejpedzich/maciejpedzi.ch
1
0
Fork 0
mirror of https://github.com/maciejpedzich/maciejpedzi.ch.git synced 2024-11-27 23:55:47 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Adjust styling for blog post page and components

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/TableOfContents.astro
View File

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

6
src/layouts/BlogPost.astro
View File

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

3
src/pages/blog/[...slug].astro
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 BlogPost from '../../layouts/BlogPost.astro';
import TableOfContents from '../../components/TableOfContents.astro'; import TableOfContents from '../../components/TableOfContents.astro';