From a1ba3d87ba8601a5ad82747bca4485b6f1cadf0e Mon Sep 17 00:00:00 2001
From: mlmo <marcel.moravek@yahoo.de>
Date: Fri, 1 Mar 2024 16:34:09 +0100
Subject: [PATCH] fix(modal): make property `witdh` reactive

---
 packages/oruga/src/components/modal/Modal.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/oruga/src/components/modal/Modal.vue b/packages/oruga/src/components/modal/Modal.vue
index 524fcdfb0..613553a33 100644
--- a/packages/oruga/src/components/modal/Modal.vue
+++ b/packages/oruga/src/components/modal/Modal.vue
@@ -250,7 +250,6 @@ const _teleport = computed(() =>
 );
 
 const savedScrollTop = ref(null);
-const modalWidth = ref(toCssDimension(props.width));
 const isAnimating = ref(!props.active);
 
 watch(isActive, (value) => {
@@ -270,7 +269,7 @@ const showX = computed(() =>
 );
 
 const customStyle = computed(() =>
-    !props.fullScreen ? { maxWidth: modalWidth.value } : null,
+    !props.fullScreen ? { maxWidth: toCssDimension(props.width) } : null,
 );
 
 onBeforeUnmount(() => {