esaw24-4x3-1p: make participant names go into blank space

esamarathon · Feb 19, 2024 · d1c8126 · d1c8126
1 parent 261f2c7
commit d1c8126
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 16 deletions.
diff --git a/src/graphics/game-layout/esaw24-4x3-1p.vue b/src/graphics/game-layout/esaw24-4x3-1p.vue
@@ -5,7 +5,8 @@
     game-height="843px"
     camera-width="796px"
     camera-height="798px"
-    :camera-border-bottom="false"
+    participants-height="798px"
+    :participants-border-bottom="false"
     game-info-media-box-top="843px"
     game-info-media-box-height="157px"
     donation-bar-top="798px"

diff --git a/src/graphics/game-layout/esaw24-base.vue b/src/graphics/game-layout/esaw24-base.vue
@@ -15,16 +15,26 @@
     <!-- Camera Captures -->
     <div
       id="CameraCapture1"
+      class="Capture Flex"
+      :style="{
+        left: '0px',
+        top: '0px',
+        width: cameraWidth || '533px',
+        height: cameraHeight || '780px',
+      }"
+    />
+
+    <!-- Participants -->
+    <div
       :class="{
-        Capture: true,
         Flex: true,
-        BorderBottom: cameraBorderBottom
+        BorderBottom: participantsBorderBottom,
       }"
       :style="{
         left: '0px',
         top: '0px',
         width: cameraWidth || '533px',
-        height: cameraHeight || '780px',
+        height: participantsHeight || '780px',
         'align-items': 'flex-end',
       }"
     >
@@ -78,17 +88,6 @@
       </div>
     </div>
 
-    <div
-      v-if="cameraExtraBox"
-      class="Fixed BorderBottom"
-      :style="{
-        top: '550px',
-        left: '0px',
-        width: '533px',
-        height: '230px',
-      }"
-    />
-
     <!-- Run Game Info/Timer -->
     <div
       class="Fixed Flex"
@@ -168,7 +167,8 @@ export default class extends Vue {
   @Prop({ type: String, required: false }) gameHeight!: string | undefined;
   @Prop({ type: String, required: false }) cameraWidth!: string | undefined;
   @Prop({ type: String, required: false }) cameraHeight!: string | undefined;
-  @Prop({ type: Boolean, default: true }) cameraBorderBottom!: boolean;
+  @Prop({ type: String, required: false }) participantsHeight!: string | undefined;
+  @Prop({ type: Boolean, default: true }) participantsBorderBottom!: boolean;
   @Prop({ type: Boolean, default: false }) cameraExtraBox!: boolean;
   @Prop({ type: String, required: false }) gameInfoMediaBoxTop!: string | undefined;
   @Prop({ type: String, required: false }) gameInfoMediaBoxHeight!: string | undefined;