+1 -1

src/components/QrGrid.svelte

View file Reviewed

··· 232 232 onmouseenter={() => internalHover = index} 233 233 onmouseleave={() => internalHover = null} 234 234 animate:flip={{ duration: 300 }} 235 235 - transition:scale={{ duration: 250, start: 0.8 }} 235 235 + transition:scale|global={{ duration: 250, start: 0.8 }} 236 236 > 237 237 <div 238 238 class="qr-card-code"

+8

src/routes/qr/+page.server.js

View file Reviewed

··· 1 1 + /** @type {import('./$types').PageServerLoad} */ 2 2 + export async function load({ parent }) { 3 3 + const data = await parent(); 4 4 + return { 5 5 + ...data, 6 6 + qrMode: true 7 7 + }; 8 8 + }

+27

src/routes/qr/+page.svelte

View file Reviewed

··· 1 1 + <script> 2 2 + import { fade } from "svelte/transition"; 3 3 + 4 4 + import Projects from "$components/Projects.svelte"; 5 5 + import LinkIcons from "$components/LinkIcons.svelte"; 6 6 + 7 7 + let { data } = $props(); 8 8 + </script> 9 9 + 10 10 + <svelte:head> 11 11 + <title>Morgan - QR Codes</title> 12 12 + <meta name="viewport" content="width=device-width, initial-scale=1" /> 13 13 + <meta 14 14 + name="description" 15 15 + content="QR codes for Morgan's links" 16 16 + /> 17 17 + </svelte:head> 18 18 + 19 19 + <div class="container"> 20 20 + <LinkIcons links={data.links} defaultTitle="Morgan" qrMode={data.qrMode} /> 21 21 + </div> 22 22 + 23 23 + <style> 24 24 + .container { 25 25 + height: 100%; 26 26 + } 27 27 + </style>