From 87e084a802e080a537d85f8a9ebff6ecd8f19f3f Mon Sep 17 00:00:00 2001 From: krckyboy Date: Thu, 25 Jan 2024 23:22:59 +0100 Subject: [PATCH 01/20] #10 Minor style tweaks. --- next/src/app/blog/[slug]/blog-content/styles.scss | 4 ++-- next/src/app/blog/[slug]/blog-footer/styles.module.scss | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/next/src/app/blog/[slug]/blog-content/styles.scss b/next/src/app/blog/[slug]/blog-content/styles.scss index 7a672a6..0c8b323 100644 --- a/next/src/app/blog/[slug]/blog-content/styles.scss +++ b/next/src/app/blog/[slug]/blog-content/styles.scss @@ -11,7 +11,7 @@ } p, ul, ol { - margin-bottom: 1.1rem; + margin-bottom: 1.5rem; } img { @@ -27,7 +27,7 @@ pre { font-size: clamp(1rem, .8vw, 1.2rem); - margin-bottom: 1.1rem; + margin-bottom: 1.5rem; } ul { diff --git a/next/src/app/blog/[slug]/blog-footer/styles.module.scss b/next/src/app/blog/[slug]/blog-footer/styles.module.scss index 673b192..5e3c4fe 100644 --- a/next/src/app/blog/[slug]/blog-footer/styles.module.scss +++ b/next/src/app/blog/[slug]/blog-footer/styles.module.scss @@ -3,7 +3,7 @@ .container { display: flex; width: 100%; - margin-top: 3rem; + margin-top: 1.5rem; padding-top: 3rem; border-top: solid lighten($color-background, 3%) 6px; From adfe18d286940cf1621eaa3e2dd4b2a0015a3ded Mon Sep 17 00:00:00 2001 From: krckyboy Date: Sat, 27 Jan 2024 17:47:11 +0100 Subject: [PATCH 02/20] #10 Slight style tweaks. --- next/src/app/blog/[slug]/blog-header/BlogHeader.tsx | 3 ++- next/src/app/blog/[slug]/blog-header/styles.module.scss | 3 +++ next/src/styles/global.module.scss | 2 +- 3 files changed, 6 insertions(+), 2 deletions(-) create mode 100644 next/src/app/blog/[slug]/blog-header/styles.module.scss diff --git a/next/src/app/blog/[slug]/blog-header/BlogHeader.tsx b/next/src/app/blog/[slug]/blog-header/BlogHeader.tsx index 5ab4868..3483ad1 100644 --- a/next/src/app/blog/[slug]/blog-header/BlogHeader.tsx +++ b/next/src/app/blog/[slug]/blog-header/BlogHeader.tsx @@ -1,5 +1,6 @@ import React, { FunctionComponent } from 'react'; import gStyles from '@/styles/global.module.scss'; +import styles from './styles.module.scss'; import { Post } from '@/components/blog-post-item/types'; interface Props { @@ -11,7 +12,7 @@ const BlogHeader: FunctionComponent = ({ post }) => { return (
-

{post.attributes.title}

+

{post.attributes.title}

{categories && (