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

fix(mobile): resolve TSpan text overlapping in QrTemplate3

Browse Source
This commit is contained in:
AyrisAI
2026-08-21 00:31:17 +03:00
parent 34dd24eee2
commit 932c174b5f
2 changed files with 24 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/mobile/src/components/qr-templates/QrTemplate3.tsx
+22 -26
View File
@@ -313,36 +313,32 @@ const QrTemplate3 = ({ qrBase64, ...props }: QrTemplate3Props) => (
>
{"İÇİN OKUTUN"}
</Text>
<Text x={200} y={546} textAnchor="middle">
<TSpan fill="#3e2723" fontFamily="Inter, Arial, sans-serif" fontSize={10} fontWeight={700}>
{"WiFi: "}
</TSpan>
<TSpan fill="#5d4037" fontFamily="Inter, Arial, sans-serif" fontSize={10}>
{"GourmetBistro"}
</TSpan>
<TSpan fill="#a1a1aa" fontFamily="Inter, Arial, sans-serif" fontSize={10}>
{" | "}
</TSpan>
<TSpan fill="#3e2723" fontFamily="Inter, Arial, sans-serif" fontSize={10} fontWeight={700}>
{"Şifre: "}
</TSpan>
<TSpan fill="#5d4037" fontFamily="Inter, Arial, sans-serif" fontSize={10}>
{"lezzetli01"}
</TSpan>
<Text
x={200}
y={546}
fill="#3e2723"
fontFamily="Inter, Arial, sans-serif"
fontSize={10.5}
fontWeight={700}
textAnchor="middle"
>
{"WiFi: GourmetBistro | Şifre: lezzetli01"}
</Text>
<Text x={200} y={570} textAnchor="middle">
<TSpan fill="#b92b27" fontFamily="Inter, Arial, sans-serif" fontSize={10} fontWeight={700}>
{"BİZİ TAKİP EDİN"}
</TSpan>
<TSpan fill="#a1a1aa" fontFamily="Inter, Arial, sans-serif" fontSize={10}>
{" | "}
</TSpan>
<TSpan fill="#5d4037" fontFamily="Inter, Arial, sans-serif" fontSize={10}>
{"@gourmetbistro"}
</TSpan>
<Text
x={200}
y={570}
fill="#b92b27"
fontFamily="Inter, Arial, sans-serif"
fontSize={10.5}
fontWeight={700}
letterSpacing={0.5}
textAnchor="middle"
>
{"BİZİ TAKİP EDİN | @gourmetbistro"}
</Text>
</G>
</Svg>
);
export default QrTemplate3;
apps/mobile/src/components/qr-templates/QrTemplateLumiere.tsx
+2 -2
View File
@@ -13,7 +13,7 @@ interface QrTemplateLumiereProps extends SvgProps {
qrBase64?: string;
}
const QrTemplateLumiere = ({ qrBase64, ...props }: QrTemplateLumiereProps) => (
const QrTemplate1 = ({ qrBase64, ...props }: QrTemplateLumiereProps) => (
<Svg
viewBox="0 0 600 600"
width={300}
@@ -210,4 +210,4 @@ const QrTemplateLumiere = ({ qrBase64, ...props }: QrTemplateLumiereProps) => (
</Svg>
);
export default QrTemplateLumiere;
export default QrTemplate1;