mmintel/klz-cables.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

feat: payload cms

Browse Source
This commit is contained in:
Marc Mintel
2026-02-26 01:32:22 +01:00
parent 1963a93123
commit 7d65237ee9
67 changed files with 3179 additions and 760 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/blog/PostNavigation.tsx
View File

@@ -30,8 +30,11 @@ export default function PostNavigation({
{/* Background Image */}
{prev.frontmatter.featuredImage ? (
<div
className="absolute inset-0 bg-cover bg-center transition-transform duration-700 group-hover:scale-110"
style={{ backgroundImage: `url(${prev.frontmatter.featuredImage.split('?')[0]})` }}
className="absolute inset-0 z-0 bg-cover transition-transform duration-1000 group-hover:scale-105"
style={{
backgroundImage: `url(${prev.frontmatter.featuredImage.split('?')[0]})`,
backgroundPosition: `${prev.frontmatter.focalX ?? 50}% ${prev.frontmatter.focalY ?? 50}%`,
}}
/>
) : (
<div className="absolute inset-0 bg-neutral-100" />
@@ -81,8 +84,11 @@ export default function PostNavigation({
{/* Background Image */}
{next.frontmatter.featuredImage ? (
<div
className="absolute inset-0 bg-cover bg-center transition-transform duration-700 group-hover:scale-110"
style={{ backgroundImage: `url(${next.frontmatter.featuredImage.split('?')[0]})` }}
className="absolute inset-0 z-0 bg-cover transition-transform duration-1000 group-hover:scale-105"
style={{
backgroundImage: `url(${next.frontmatter.featuredImage.split('?')[0]})`,
backgroundPosition: `${next.frontmatter.focalX ?? 50}% ${next.frontmatter.focalY ?? 50}%`,
}}
/>
) : (
<div className="absolute inset-0 bg-neutral-100" />