From dbdd3dce1afd798fa897a281cd99cff5d57cd939 Mon Sep 17 00:00:00 2001
From: zoton2 <zoton2@gmail.com>
Date: Mon, 19 Feb 2024 17:53:14 +0100
Subject: [PATCH] esaw24-16x9-1p: make participants smaller

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

diff --git a/src/graphics/game-layout/esaw24-16x9-1p.vue b/src/graphics/game-layout/esaw24-16x9-1p.vue
index d438ede2..091d2702 100644
--- a/src/graphics/game-layout/esaw24-16x9-1p.vue
+++ b/src/graphics/game-layout/esaw24-16x9-1p.vue
@@ -2,6 +2,7 @@
   <layout-base
     :camera-height="thisEvent === 2 ? `550px` : undefined"
     :camera-extra-box="thisEvent === 2"
+    :participants-zoom="0.85"
   />
 </template>
 
diff --git a/src/graphics/game-layout/esaw24-base.vue b/src/graphics/game-layout/esaw24-base.vue
index 03a0472e..46ff61ad 100644
--- a/src/graphics/game-layout/esaw24-base.vue
+++ b/src/graphics/game-layout/esaw24-base.vue
@@ -46,6 +46,7 @@
           'align-items': 'flex-end',
           padding: '25px',
           'padding-bottom': '25px',
+          zoom: participantsZoom || 1,
         }
       ">
         <div
@@ -168,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: String, required: false }) participantsHeight!: string | undefined;
+  @Prop({ type: Number, required: false }) participantsZoom!: number | undefined;
   @Prop({ type: Boolean, default: true }) participantsBorderBottom!: boolean;
   @Prop({ type: Boolean, default: false }) cameraExtraBox!: boolean;
   @Prop({ type: String, required: false }) gameInfoMediaBoxTop!: string | undefined;