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) => {
const detail = (e as CustomEvent).detail;
if(detail.motd) {
const [speed, ...text] = detail.motd.split(" ");
const [speed, ...text] = detail.motd.split(";");
marqueeText = text.join(" ");
marqueeSpeed = parseInt(speed);
console.log(detail.motd, marqueeSpeed, marqueeText);
updateMarqueeSpeed();
}
const _newCalls = detail.tickets.filter(
@@ -88,15 +89,15 @@
transition:fade
>
<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)}
<span class="mx-4 flex items-center gap-10">
{call.num}
<svg
xmlns="http://www.w3.org/2000/svg"
width="80"
height="80"
width="120"
height="120"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
@@ -113,11 +114,11 @@
</div>
{/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>
<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> -->
<table class="self-start">
<tbody>
@@ -169,7 +170,7 @@
</table>
<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'
: !wsState.connected
? 'bg-amber-800'
@@ -278,7 +279,7 @@
overflow: hidden;
width: 100vw;
white-space: nowrap;
font-size: 2.5rem;
font-size: 4.5rem;
gap: 4rem;
}