jannik/nextup
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: make text bigger

Browse Source
This commit is contained in:
Jannik Eckhardt
2026-03-08 12:44:13 +01:00
parent dd7e7e59e6
commit 9312c14d4e
1 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
web/src/routes/display/+page.svelte
View File

@@ -26,9 +26,10 @@
eventTarget.addEventListener("display", (e) => { eventTarget.addEventListener("display", (e) => {
const detail = (e as CustomEvent).detail; const detail = (e as CustomEvent).detail;
if(detail.motd) { if(detail.motd) {
const [speed, ...text] = detail.motd.split(" "); const [speed, ...text] = detail.motd.split(";");
marqueeText = text.join(" "); marqueeText = text.join(" ");
marqueeSpeed = parseInt(speed); marqueeSpeed = parseInt(speed);
console.log(detail.motd, marqueeSpeed, marqueeText);
updateMarqueeSpeed(); updateMarqueeSpeed();
} }
const _newCalls = detail.tickets.filter( const _newCalls = detail.tickets.filter(
@@ -88,15 +89,15 @@
transition:fade transition:fade
> >
<div <div
class="fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-9xl font-bold bg-background text-foreground p-4 rounded-md flex flex-col gap-10" class="fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-[12rem] font-bold bg-background text-foreground p-4 rounded-md flex flex-col gap-10"
> >
{#each newCalls as call (call.num)} {#each newCalls as call (call.num)}
<span class="mx-4 flex items-center gap-10"> <span class="mx-4 flex items-center gap-10">
{call.num} {call.num}
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="80" width="120"
height="80" height="120"
viewBox="0 0 24 24" viewBox="0 0 24 24"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
@@ -113,11 +114,11 @@
</div> </div>
{/if} {/if}
<div class="marquee"> <div class="marquee bg-yellow-300 text-black">
<div class="marquee-content">{marqueeText}</div> <div class="marquee-content">{marqueeText}</div>
<div class="marquee-content">{marqueeText}</div> <div class="marquee-content">{marqueeText}</div>
</div> </div>
<div class="p-4 flex justify-around gap-4 text-5xl"> <div class="p-4 flex justify-around gap-4 text-7xl">
<!-- <h1 class="text-6xl font-bold">Aufruf</h1> --> <!-- <h1 class="text-6xl font-bold">Aufruf</h1> -->
<table class="self-start"> <table class="self-start">
<tbody> <tbody>
@@ -169,7 +170,7 @@
</table> </table>
<div <div
class="fixed h-full w-1 top-15 left-1/2 -translate-x-1/2 {wsState.closed class="fixed h-full w-1 top-30 left-1/2 -translate-x-1/2 {wsState.closed
? 'bg-red-800' ? 'bg-red-800'
: !wsState.connected : !wsState.connected
? 'bg-amber-800' ? 'bg-amber-800'
@@ -278,7 +279,7 @@
overflow: hidden; overflow: hidden;
width: 100vw; width: 100vw;
white-space: nowrap; white-space: nowrap;
font-size: 2.5rem; font-size: 4.5rem;
gap: 4rem; gap: 4rem;
} }