commit 97

ui/src/components/PropBox.vue

@@ -1,6 +1,6 @@
 <template>
   <ChangeBlinkingBox :blink-seconds="20" :value="prop" class="flex flex-col items-center">
-    <div class="text-s1 tracking-wide text-gray-400">
+    <div class="text-4 text-center tracking-wide text-gray-400">
       {{ positionName }}
     </div>
     <div class="flex-grow w-full">

ui/src/components/StageTopDownView.vue

@@ -5,7 +5,7 @@
         Publikum
       </div>
     </div>
-    <div :class="$style.row" class="border-t border-b border-dark-300 h-20">
+    <div :class="$style.row" class="border-t border-b border-dark-300 h-24">
       <PropBox :prop="current.step.props.PROSCENIUM_RIGHT" position-name="Rechte Vorbühne"/>
       <PropBox :prop="current.step.props.PROSCENIUM_CENTER" position-name="Mitte der Vorbühne"/>
       <PropBox :prop="current.step.props.PROSCENIUM_LEFT" position-name="Linke der Vorbühne"/>

ui/src/pages/for/fly-crew.vue

@@ -1,4 +1,5 @@
 <template>
+  <div class="grid lg:grid-cols-2 gap-6 h-full">
     <div class="h-full flex flex-col gap-10">
       <div class="flex-grow flex-shrink-0 flex flex-col gap-2">
         <div class="text-gray text-2xl">
@@ -25,6 +26,8 @@
       </div>
       <MessageEdit class="flex-grow"/>
     </div>
+    <StageTopDownView class="<lg:hidden"/>
+  </div>
 </template>
 
 <style module>
@@ -37,6 +40,7 @@
   import ChangeBlinkingBox from "@/components/ChangeBlinkingBox.vue"
   import MessageDisplay from "@/components/MessageDisplay.vue"
   import MessageEdit from "@/components/MessageEdit.vue"
+  import StageTopDownView from "@/components/StageTopDownView.vue"
 
   const currentState = computed(() => current.step.curtainState)
 

ui/src/syncing.ts

@@ -22,8 +22,10 @@ export const connect = () => new Promise<void>(resolve => {
     url.protocol = "ws"
     url.pathname = "/api/ws"
     socket = new ReconnectingWebSocket(url.toString(), [], {
+        minUptime: 1000,
+        connectionTimeout: 2000,
         reconnectionDelayGrowFactor: 1,
-        minReconnectionDelay: 1000
+        minReconnectionDelay: 100
     })
 
     let isFirstMessage = true