Enforce a maximum width on knockout bracket modal and allow scrolling…

… across it
phrasmotica · Apr 26, 2024 · 3aea51a · 3aea51a
1 parent 8b35207
commit 3aea51a
Showing 1 changed file with 8 additions and 2 deletions.
diff --git 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>