fix(modal): make property witdh reactive (oruga-ui#830)

mlmoravek · Mar 9, 2024 · 0377000 · 0377000
1 parent 6c35a42
commit 0377000
Showing 1 changed file with 1 addition and 2 deletions.
diff --git 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(() => {