svrjs/svrjs-nextjs-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Change spacing, so that it matches the spacing that was there before adding padding to the header. Also make the publishing date font smaller on mobile devices. #12

Merged
DorianNiemiecSVRJS merged 1 commit from main into main 2024-08-26 14:50:12 +02:00
Conversation 2 Commits 1 Files changed 1 +3 -3
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/(root)/blog/[slug]/page.tsx
View file

@ -90,7 +90,7 @@ export default async function BlogSlugArticle({
<section className="max-w-5xl container mx-auto py-8 md:py-28 flex flex-col items-center px-4">
<Link
href="/blog?page=1"
className="self-start mb-8 text-primary hover:text-green-300 transition-all flex items-center"
className="self-start mb-4 text-primary hover:text-green-300 transition-all flex items-center"
>
<ArrowLeft className="mr-2" />
Back to Blog
@ -98,7 +98,7 @@ export default async function BlogSlugArticle({
<header className="text-start mb-8 w-full">
{data.titleImage && (
<div className="mb-2">
<h1 className="text-3xl md:text-5xl mb-12 py-4 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
<h1 className="text-3xl md:text-5xl mb-8 py-4 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
{data.title}
</h1>
<Image
@ -109,7 +109,7 @@ export default async function BlogSlugArticle({
priority
className="w-full h-auto object-cover rounded-md"
/>
<p className="mt-4 text-xl text-muted-foreground">
<p className="mt-4 text-lg md:text-xl text-muted-foreground">
Uploaded at {formattedDate}
</p>{" "}
</div>