From 3aea51a308edb550ac368d2eafc04995f3677857 Mon Sep 17 00:00:00 2001
From: Julian Lawrance <julian.lawrance@gmail.com>
Date: Fri, 26 Apr 2024 12:48:54 +0100
Subject: [PATCH] Enforce a maximum width on knockout bracket modal and allow
 scrolling across it

---
 src/components/modals/BracketModal.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/modals/BracketModal.vue b/src/components/modals/BracketModal.vue
index 02334ae..f0f5e52 100644
--- a/src/components/modals/BracketModal.vue
+++ b/src/components/modals/BracketModal.vue
@@ -13,11 +13,17 @@ const visible = defineModel<boolean>("visible", {
 <template>
     <Dialog
         modal
-        class="mx-4"
+        class="bracket-modal mx-4"
         v-model:visible="visible"
         :header="t('bracket.knockoutBracket')">
-        <div>
+        <div class="overflow-x-auto">
             <KnockoutBracket />
         </div>
     </Dialog>
 </template>
+
+<style>
+.bracket-modal {
+    max-width: 90vw;
+}
+</style>