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 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 */}
<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"
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"
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">
{post.frontmatter.category && (
<Badge variant="accent" className="shadow-md">