ayrisdev/menulio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(qr-stands): restore exact user-provided qr-1.svg alongside qr-4.svg

Browse Source
This commit is contained in:
AyrisAI
2026-08-20 23:31:54 +03:00
parent edb7af9288
commit 18396f3b99
5 changed files with 38 additions and 287 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/QrStandGeneratorClient.tsx
+17 -5
View File
@@ -208,17 +208,23 @@ export function QrStandGeneratorClient({
{activePreset.svgTemplateUrl ? (
<div
ref={standRef}
className="w-[360px] sm:w-[380px] aspect-[400/650] rounded-[2.5rem] relative overflow-hidden shadow-[0_25px_60px_rgba(0,0,0,0.6)] border-2 border-white/10"
className={`w-[360px] sm:w-[380px] rounded-[2.5rem] relative overflow-hidden shadow-[0_25px_60px_rgba(0,0,0,0.6)] border-2 border-white/10 ${
activePreset.aspectRatio === "672/900" ? "aspect-[672/900]" : "aspect-[400/650]"
}`}
>
{/* SVG Template Vector Background Graphic */}
{/* Exact SVG Template Vector Background Graphic */}
<img
src={activePreset.svgTemplateUrl}
alt={activePreset.name}
className="absolute inset-0 w-full h-full object-contain pointer-events-none"
className="absolute inset-0 w-full h-full object-cover pointer-events-none"
/>
{/* Dynamic Restaurant Logo & Name Header Overlay */}
<div className="absolute top-[15.5%] left-0 right-0 flex flex-col items-center justify-center px-6 text-center z-10">
<div
className={`absolute left-0 right-0 flex flex-col items-center justify-center px-6 text-center z-10 ${
activePreset.key === "qr-1" ? "top-[13%]" : "top-[15.5%]"
}`}
>
{logoUrl ? (
<img
src={logoUrl}
@@ -235,7 +241,13 @@ export function QrStandGeneratorClient({
</div>
{/* Dynamic QR Code Canvas Overlay */}
<div className="absolute top-[33.1%] left-1/2 -translate-x-1/2 w-[55%] aspect-square rounded-[20px] p-3 shadow-2xl flex items-center justify-center bg-white z-10 border border-zinc-200">
<div
className={`absolute left-1/2 -translate-x-1/2 rounded-[20px] p-3 shadow-2xl flex items-center justify-center bg-white z-10 border border-zinc-200 ${
activePreset.key === "qr-1"
? "top-[37%] w-[52%] aspect-square"
: "top-[33.1%] w-[55%] aspect-square"
}`}
>
<QRCodeCanvas
value={targetUrl}
size={200}