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} {:else}
<Login /> <Login />
{/if} {/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} {#if $userState.isLoggedIn}
<b class="font-bold">LfK!2025</b> powered by <b class="font-bold print:hidden">LfK!2025</b> powered by
<b class="font-bold">ODIT.Services</b> <b class="font-bold print:hidden">ODIT.Services</b>
<b> LfK!2025 powered by ODIT.Services</b>
{:else} {:else}
<a <a
rel="noopener noreferrer" rel="noopener noreferrer"

8
src/routes/Register.svelte
View File

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