|
|
@ -172,6 +172,7 @@ client.on("message", (topic, message) => {
|
|
|
|
default:
|
|
|
|
default:
|
|
|
|
console.log(`invalid display class ${message_str}`)
|
|
|
|
console.log(`invalid display class ${message_str}`)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
break;
|
|
|
|
default:
|
|
|
|
default:
|
|
|
|
console.log(`Unhandled topic ${topic_str}`)
|
|
|
|
console.log(`Unhandled topic ${topic_str}`)
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -193,7 +194,7 @@ onMount(() => {
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<div class={display_class} style="border: 1px solid black;">
|
|
|
|
<div class={display_class}>
|
|
|
|
{#if (display_state == "timer")}
|
|
|
|
{#if (display_state == "timer")}
|
|
|
|
<div class="score-grid">
|
|
|
|
<div class="score-grid">
|
|
|
|
<p id="event-name">{event_name}</p>
|
|
|
|
<p id="event-name">{event_name}</p>
|
|
|
@ -223,13 +224,12 @@ onMount(() => {
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
<style>
|
|
|
|
:global(html){
|
|
|
|
:global(html){
|
|
|
|
background-color: transparent;
|
|
|
|
background-color: pink;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:global(body){
|
|
|
|
:global(body){
|
|
|
|
margin: 0;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
padding: 0;
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
p {
|
|
|
|
p {
|
|
|
@ -313,14 +313,14 @@ div.score-grid {
|
|
|
|
|
|
|
|
|
|
|
|
.side-display {
|
|
|
|
.side-display {
|
|
|
|
container-type: size;
|
|
|
|
container-type: size;
|
|
|
|
background-color: transparent;
|
|
|
|
background-color: white;
|
|
|
|
width: 896px;
|
|
|
|
width: 896px;
|
|
|
|
height: 128px;
|
|
|
|
height: 128px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.center-display {
|
|
|
|
.center-display {
|
|
|
|
container-type: size;
|
|
|
|
container-type: size;
|
|
|
|
background-color: transparent;
|
|
|
|
background-color: white;
|
|
|
|
width: 1176px;
|
|
|
|
width: 1176px;
|
|
|
|
height: 168px;
|
|
|
|
height: 168px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|