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

Merge pull request #12 from DorianNiemiecSVRJS/main

Browse source 
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.
This commit is contained in:
Abhijit Bhattacharjee 2024-08-26 18:20:12 +05:30 committed by GitHub
commit bfd0e7055f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
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>