mmintel/e-tib.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions 150 Packages Projects Releases Wiki Activity

fix(ui): adjust grid breakpoints on map and pointer events on footer
All checks were successful
Build & Deploy / 🔍 Prepare (push) Successful in 1m6s
Details
Build & Deploy / 🧪 QA (push) Successful in 2m31s
Details
CI - Lint, Typecheck & Test / quality-assurance (pull_request) Successful in 6m16s
Details
Build & Deploy / 🏗️ Build (push) Successful in 3m47s
Details
Build & Deploy / 🚀 Deploy (push) Successful in 47s
Details
Build & Deploy / 🧪 Post-Deploy Verification (push) Has been skipped
Details
Build & Deploy / 🔔 Notify (push) Successful in 1s
Details

Browse Source
This commit is contained in:
Marc Mintel
2026-05-13 11:48:34 +02:00
parent 56012fd0d6
commit 351c27f7d4
3 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/blocks/InteractiveGermanyMap.tsx
View File

@@ -83,16 +83,16 @@ export function InteractiveGermanyMap() {
<div className="absolute inset-0 bg-gradient-to-br from-[#050B14] via-[#0A1322] to-[#050B14]" />
<div className="absolute top-0 right-0 w-[800px] h-[800px] bg-primary/5 rounded-full blur-[120px] pointer-events-none translate-x-1/3 -translate-y-1/3" />
<div className="relative z-10 grid grid-cols-1 lg:grid-cols-12 gap-12 items-center min-h-[600px] p-8 md:p-16 lg:p-20">
<div className="relative z-10 grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-12 gap-12 items-center min-h-[600px] p-8 md:p-12 lg:p-16">
{/* Content Left */}
<div className="lg:col-span-5 text-white">
<div className="xl:col-span-5 text-white z-20">
<div className="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-primary/10 border border-primary/20 text-primary text-xs font-bold uppercase tracking-wider mb-8">
<MapPin className="w-4 h-4" />
<span>Einsatzgebiete</span>
</div>
<h3 className="font-heading text-4xl md:text-5xl lg:text-6xl font-extrabold mb-6 leading-[1.1] text-transparent bg-clip-text bg-gradient-to-r from-white to-white/70">
<h3 className="font-heading text-4xl lg:text-5xl xl:text-6xl font-extrabold mb-6 leading-[1.1] text-transparent bg-clip-text bg-gradient-to-r from-white to-white/70 break-words [hyphens:auto]">
Deutschlandweit<br/>für Sie im Einsatz.
</h3>
@@ -124,7 +124,7 @@ export function InteractiveGermanyMap() {
</div>
{/* Map Right */}
<div className="lg:col-span-7 relative flex items-center justify-center lg:justify-end mt-12 lg:mt-0">
<div className="xl:col-span-7 relative flex items-center justify-center lg:justify-end mt-8 lg:mt-0 z-10">
{/* Map Container - Enforce strict aspect ratio matching the SVG (1024x1024) */}
<div className="relative w-full max-w-[600px] aspect-square z-10">
{/* Map SVG */}