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"} {"İÇİN OKUTUN"}
</Text> </Text>
<Text x={200} y={546} textAnchor="middle"> <Text
<TSpan fill="#3e2723" fontFamily="Inter, Arial, sans-serif" fontSize={10} fontWeight={700}> x={200}
{"WiFi: "} y={546}
</TSpan> fill="#3e2723"
<TSpan fill="#5d4037" fontFamily="Inter, Arial, sans-serif" fontSize={10}> fontFamily="Inter, Arial, sans-serif"
{"GourmetBistro"} fontSize={10.5}
</TSpan> fontWeight={700}
<TSpan fill="#a1a1aa" fontFamily="Inter, Arial, sans-serif" fontSize={10}> textAnchor="middle"
{" | "} >
</TSpan> {"WiFi: GourmetBistro | Şifre: lezzetli01"}
<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> </Text>
<Text x={200} y={570} textAnchor="middle"> <Text
<TSpan fill="#b92b27" fontFamily="Inter, Arial, sans-serif" fontSize={10} fontWeight={700}> x={200}
{"BİZİ TAKİP EDİN"} y={570}
</TSpan> fill="#b92b27"
<TSpan fill="#a1a1aa" fontFamily="Inter, Arial, sans-serif" fontSize={10}> fontFamily="Inter, Arial, sans-serif"
{" | "} fontSize={10.5}
</TSpan> fontWeight={700}
<TSpan fill="#5d4037" fontFamily="Inter, Arial, sans-serif" fontSize={10}> letterSpacing={0.5}
{"@gourmetbistro"} textAnchor="middle"
</TSpan> >
{"BİZİ TAKİP EDİN | @gourmetbistro"}
</Text> </Text>
</G> </G>
</Svg> </Svg>
); );
export default QrTemplate3; 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; qrBase64?: string;
} }
const QrTemplateLumiere = ({ qrBase64, ...props }: QrTemplateLumiereProps) => ( const QrTemplate1 = ({ qrBase64, ...props }: QrTemplateLumiereProps) => (
<Svg <Svg
viewBox="0 0 600 600" viewBox="0 0 600 600"
width={300} width={300}
@@ -210,4 +210,4 @@ const QrTemplateLumiere = ({ qrBase64, ...props }: QrTemplateLumiereProps) => (
</Svg> </Svg>
); );
export default QrTemplateLumiere; export default QrTemplate1;