oimwiodev/New-Optic
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases 1 Wiki Activity

Fix QR panel rendering

Browse Source
This commit is contained in:
OpenCode
2026-05-16 00:26:35 +01:00
parent 19661417a6
commit 48f8387dd4
2 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@@ -27,6 +27,7 @@ All notable changes to the New Optic website will be documented in this file.
- Optimized mobile rendering by disabling heavy blur, fixed backgrounds, ambient animations, and WebGL glass below desktop widths. - Optimized mobile rendering by disabling heavy blur, fixed backgrounds, ambient animations, and WebGL glass below desktop widths.
- Changed mobile CSS to reference only the compressed mobile background by default, keeping the full PNG desktop-only. - Changed mobile CSS to reference only the compressed mobile background by default, keeping the full PNG desktop-only.
- Added mobile `content-visibility` containment so offscreen sections do less rendering work on low-end devices. - Added mobile `content-visibility` containment so offscreen sections do less rendering work on low-end devices.
- Removed the WebGL liquid glass layer from the contact QR panel so the QR code renders immediately and remains scannable.
- Reworked collection cards from abstract placeholders to image-led product cards. - Reworked collection cards from abstract placeholders to image-led product cards.
- Improved dark-section heading contrast. - Improved dark-section heading contrast.
- Corrected French typography and accents. - Corrected French typography and accents.

2
components/ContactSection.tsx
View File

@@ -33,7 +33,7 @@ export default function ContactSection({ t, whatsappUrl }: { t: Messages; whatsa
</div> </div>
</div> </div>
<div className="glass liquidGL-pane flex flex-col justify-between rounded-[3rem] p-7"> <div className="glass flex flex-col justify-between rounded-[3rem] p-7">
<div className="relative z-[3] aspect-square overflow-hidden rounded-[2.2rem] bg-white p-8 shadow-sm"> <div className="relative z-[3] aspect-square overflow-hidden rounded-[2.2rem] bg-white p-8 shadow-sm">
<span className="floating-sheen" /> <span className="floating-sheen" />
<Image src={business.assets.mapQr} alt={t.contact.qr} fill sizes="(min-width: 1024px) 38vw, 90vw" className="object-contain p-10" /> <Image src={business.assets.mapQr} alt={t.contact.qr} fill sizes="(min-width: 1024px) 38vw, 90vw" className="object-contain p-10" />