lfk/kiosk
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(print): Adjust print styles for improved readability

Browse Source
This commit is contained in:
Nicolai Ort 2025-04-25 13:19:01 +02:00
parent 962307317f
commit 5646fedd4e
Signed by: niggl
GPG Key ID: 13AFA55AF62F269F
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/routes/+page.svelte
View File

@ -20,10 +20,11 @@
{:else}
<Login />
{/if}
<div class="fixed bottom-0 w-full text-center text-xl p-4 dark:text-white select-none print:absolute print:bottom-auto">
<div class="fixed bottom-0 w-full text-center text-xl p-4 dark:text-white select-none print:absolute print:bottom-auto print:text-lg">
{#if $userState.isLoggedIn}
<b class="font-bold">LfK!2025</b> powered by
<b class="font-bold">ODIT.Services</b>
<b class="font-bold print:hidden">LfK!2025</b> powered by
<b class="font-bold print:hidden">ODIT.Services</b>
<b> LfK!2025 powered by ODIT.Services</b>
{:else}
<a
rel="noopener noreferrer"

8
src/routes/Register.svelte
View File

@ -314,11 +314,11 @@
<!-- End Form -->
{:else}
<div class="mb-2 text-center">
<h3 class="text-4xl font-semibold dark:text-white print:text-5xl">
<h3 class="text-4xl font-semibold dark:text-white print:text-3xl">
{response.firstname}
{response.lastname}
</h3>
<h4 class="font-semibold dark:text-white hidden print:block print:text-3xl">
<h4 class="font-semibold dark:text-white hidden print:block print:text-xl">
{response.id}
</h4>
</div>
@ -328,7 +328,7 @@
Scanne diesen QR-Code, um zu unserem Selfservice zu gelangen. Hier findest du deine
Rundenzeiten, Spenden und Urkunden.
</h3>
<h3 class="text-xl font-semibold dark:text-white hidden print:block">
<h3 class="text-lg font-semibold dark:text-white hidden print:block">
Zeige diesen QR-Code am Infozelt vor, um deine Läuferkarte zu erhalten.
</h3>
<img
@ -336,7 +336,7 @@
alt="runner selfservice"
src={textToBase64Barcode(response.selfserviceLink.toString(), true)}
/>
<h3 class="text-xl font-semibold dark:text-white hidden print:block">
<h3 class="text-lg font-semibold dark:text-white hidden print:block">
Scanne diesen QR-Code, um zu unserem Selfservice zu gelangen. Hier findest du deine
Rundenzeiten, Spenden und Urkunden.
</h3>