|  |  | @ -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; | 
			
		
	
		
		
			
				
					
					|  |  |  | } |  |  |  | } | 
			
		
	
	
		
		
			
				
					|  |  | 
 |