esaw24-16x9-1p: force smaller camera on stream 2

esamarathon · Feb 19, 2024 · efdde6a · efdde6a
1 parent 469492c
commit efdde6a
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/src/graphics/game-layout/esaw24-16x9-1p.vue b/src/graphics/game-layout/esaw24-16x9-1p.vue
@@ -1,5 +1,8 @@
 <template>
-  <layout-base />
+  <layout-base
+    :camera-height="thisEvent === 2 ? `550px` : undefined"
+    :camera-extra-box="thisEvent === 2"
+  />
 </template>
 
 <script lang="ts">
@@ -12,6 +15,6 @@ import LayoutBase from './esaw24-base.vue';
   },
 })
 export default class extends Vue {
-  // code
+  thisEvent = nodecg.bundleConfig.event.thisEvent;
 }
 </script>
diff --git a/src/graphics/game-layout/esaw24-base.vue b/src/graphics/game-layout/esaw24-base.vue
@@ -78,6 +78,17 @@
       </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"
@@ -158,6 +169,7 @@ export default class extends Vue {
   @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: Boolean, default: false }) cameraExtraBox!: boolean;
   @Prop({ type: String, required: false }) gameInfoMediaBoxTop!: string | undefined;
   @Prop({ type: String, required: false }) gameInfoMediaBoxHeight!: string | undefined;
   @Prop({ type: String, required: false }) donationBarTop!: string | undefined;