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"> <section className="max-w-5xl container mx-auto py-8 md:py-28 flex flex-col items-center px-4">
<Link <Link
href="/blog?page=1" 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" /> <ArrowLeft className="mr-2" />
Back to Blog Back to Blog
@ -98,7 +98,7 @@ export default async function BlogSlugArticle({
<header className="text-start mb-8 w-full"> <header className="text-start mb-8 w-full">
{data.titleImage && ( {data.titleImage && (
<div className="mb-2"> <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} {data.title}
</h1> </h1>
<Image <Image
@ -109,7 +109,7 @@ export default async function BlogSlugArticle({
priority priority
className="w-full h-auto object-cover rounded-md" 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} Uploaded at {formattedDate}
</p>{" "} </p>{" "}
</div> </div>