From efdde6a868037861bc3a82fe9cdeee6635a45f4a Mon Sep 17 00:00:00 2001
From: zoton2 <zoton2@gmail.com>
Date: Mon, 19 Feb 2024 17:24:03 +0100
Subject: [PATCH] esaw24-16x9-1p: force smaller camera on stream 2

---
 src/graphics/game-layout/esaw24-16x9-1p.vue |  7 +++++--
 src/graphics/game-layout/esaw24-base.vue    | 12 ++++++++++++
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/graphics/game-layout/esaw24-16x9-1p.vue b/src/graphics/game-layout/esaw24-16x9-1p.vue
index 65f1f381..d438ede2 100644
--- 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
index 7f2702d7..ec6baeb4 100644
--- 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;