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

style(blog): reduce hero image overlays for better visibility
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 8s
Details
Build & Deploy / 🧪 QA (push) Successful in 2m10s
Details
Build & Deploy / 🏗️ Build (push) Successful in 3m59s
Details
Build & Deploy / 🚀 Deploy (push) Successful in 19s
Details
Build & Deploy / 🧪 Post-Deploy Verification (push) Failing after 9m10s
Details
Build & Deploy / 🔔 Notify (push) Successful in 2s
Details

Browse Source
This commit is contained in:
Marc Mintel
2026-02-26 12:19:08 +01:00
parent fa02ac597f
commit a953820241
4 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/[locale]/blog/[slug]/page.tsx
View File

@@ -88,7 +88,7 @@ export default async function BlogPost({ params }: BlogPostProps) {
}} }}
/> />
</div> </div>
<div className="absolute inset-0 bg-gradient-to-t from-neutral-dark via-neutral-dark/40 to-transparent" /> <div className="absolute inset-0 bg-gradient-to-t from-neutral-dark/90 via-neutral-dark/40 to-transparent" />
{/* Title overlay on image */} {/* Title overlay on image */}
<div className="absolute inset-0 flex flex-col justify-end pb-16 md:pb-24"> <div className="absolute inset-0 flex flex-col justify-end pb-16 md:pb-24">

6
app/[locale]/blog/page.tsx
View File

@@ -73,7 +73,7 @@ export default async function BlogIndex({ params }: BlogIndexProps) {
sizes="100vw" sizes="100vw"
priority priority
/> />
<div className="absolute inset-0 image-overlay-gradient" /> <div className="absolute inset-0 bg-neutral-dark/20" />
</> </>
)} )}
@@ -177,11 +177,11 @@ export default async function BlogIndex({ params }: BlogIndexProps) {
sizes="(max-width: 768px) 100vw, 100vw" sizes="(max-width: 768px) 100vw, 100vw"
loading="lazy" loading="lazy"
/> />
<div className="absolute inset-0 bg-neutral-dark/40 group-hover:bg-neutral-dark/30 transition-colors duration-500" /> <div className="absolute inset-0 bg-neutral-dark/10 group-hover:bg-neutral-dark/5 transition-colors duration-500" />
</> </>
)} )}
<div className="relative z-10 w-full p-6 md:p-10 bg-neutral-dark/50 backdrop-blur-md border-t border-white/10 flex flex-col"> <div className="relative z-10 w-full p-6 md:p-10 bg-gradient-to-t from-neutral-dark/95 via-neutral-dark/70 to-transparent flex flex-col pt-40">
<div className="flex flex-wrap items-center gap-4 mb-4"> <div className="flex flex-wrap items-center gap-4 mb-4">
{post.frontmatter.category && ( {post.frontmatter.category && (
<Badge variant="accent" className="shadow-md"> <Badge variant="accent" className="shadow-md">

4
components/home/RecentPosts.tsx
View File

@@ -60,11 +60,11 @@ export default async function RecentPosts({ locale, data }: RecentPostsProps) {
sizes="(max-width: 768px) 100vw, 100vw" sizes="(max-width: 768px) 100vw, 100vw"
loading="lazy" loading="lazy"
/> />
<div className="absolute inset-0 bg-neutral-dark/40 group-hover:bg-neutral-dark/30 transition-colors duration-500" /> <div className="absolute inset-0 bg-neutral-dark/10 group-hover:bg-neutral-dark/5 transition-colors duration-500" />
</> </>
)} )}
<div className="relative z-10 w-full p-6 md:p-8 bg-neutral-dark/50 backdrop-blur-md border-t border-white/10 flex flex-col"> <div className="relative z-10 w-full p-6 md:p-8 bg-gradient-to-t from-neutral-dark/90 via-neutral-dark/60 to-transparent flex flex-col pt-32">
<div className="flex flex-wrap items-center gap-4 mb-4"> <div className="flex flex-wrap items-center gap-4 mb-4">
{post.frontmatter.category && ( {post.frontmatter.category && (
<Badge variant="accent" className="shadow-md"> <Badge variant="accent" className="shadow-md">

2
next-env.d.ts vendored
View File

@@ -1,6 +1,6 @@
/// <reference types="next" /> /// <reference types="next" />
/// <reference types="next/image-types/global" /> /// <reference types="next/image-types/global" />
import "./.next/types/routes.d.ts"; import "./.next/dev/types/routes.d.ts";
// NOTE: This file should not be edited // NOTE: This file should not be edited
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information. // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.