fix(common): increase modal dialog width for more screen sizes (hoppscotch#5884)

iDschepe · nivedin · jamesgeorge007 · web-flow · commit 5ae963990142 · 2026-02-24T21:03:16.000+05:30
Co-authored-by: nivedin &lt;nivedinp@gmail.com&gt;
Co-authored-by: James George &lt;25279263+jamesgeorge007@users.noreply.github.com&gt;
diff --git a/packages/hoppscotch-common/src/components/collections/Properties.vue b/packages/hoppscotch-common/src/components/collections/Properties.vue
@@ -4,7 +4,7 @@
     dialog
     :title="t('collection.properties')"
     :full-width-body="true"
-    styles="sm:max-w-5xl"
+    styles="sm:max-w-5xl lg:max-w-6xl xl:max-w-7xl 2xl:max-w-[80vw]"
     @close="hideModal"
   >
     <template #body>
diff --git a/packages/hoppscotch-common/src/components/collections/documentation/index.vue b/packages/hoppscotch-common/src/components/collections/documentation/index.vue
@@ -4,7 +4,7 @@
     dialog
     :title="t('documentation.title')"
     :full-width-body="true"
-    styles="sm:max-w-6xl"
+    styles="sm:max-w-6xl xl:max-w-7xl 2xl:max-w-[80vw]"
     @close="hideModal"
   >
     <template #body>
diff --git a/packages/hoppscotch-common/src/components/environments/my/Details.vue b/packages/hoppscotch-common/src/components/environments/my/Details.vue
@@ -3,7 +3,7 @@
     v-if="show"
     dialog
     :title="t(`environment.${action}`)"
-    styles="sm:max-w-5xl"
+    styles="sm:max-w-5xl lg:max-w-6xl xl:max-w-7xl 2xl:max-w-[80vw]"
     @close="hideModal"
   >
     <template #body>
diff --git a/packages/hoppscotch-common/src/components/environments/teams/Details.vue b/packages/hoppscotch-common/src/components/environments/teams/Details.vue
@@ -3,7 +3,7 @@
     v-if="show"
     dialog
     :title="t(`environment.${action}`)"
-    styles="sm:max-w-5xl"
+    styles="sm:max-w-5xl lg:max-w-6xl xl:max-w-7xl 2xl:max-w-[80vw]"
     @close="hideModal"
   >
     <template #body>

Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@`
`4`	`4`	`dialog`
`5`	`5`	`:title="t('collection.properties')"`
`6`	`6`	`:full-width-body="true"`
`7`		`- styles="sm:max-w-5xl"`
	`7`	`+ styles="sm:max-w-5xl lg:max-w-6xl xl:max-w-7xl 2xl:max-w-[80vw]"`
`8`	`8`	`@close="hideModal"`
`9`	`9`	`>`
`10`	`10`	`<template #body>`
Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@`
`4`	`4`	`dialog`
`5`	`5`	`:title="t('documentation.title')"`
`6`	`6`	`:full-width-body="true"`
`7`		`- styles="sm:max-w-6xl"`
	`7`	`+ styles="sm:max-w-6xl xl:max-w-7xl 2xl:max-w-[80vw]"`
`8`	`8`	`@close="hideModal"`
`9`	`9`	`>`
`10`	`10`	`<template #body>`
Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@`
`3`	`3`	`v-if="show"`
`4`	`4`	`dialog`
`5`	`5`	:title="t(`environment.${action}`)"
`6`		`- styles="sm:max-w-5xl"`
	`6`	`+ styles="sm:max-w-5xl lg:max-w-6xl xl:max-w-7xl 2xl:max-w-[80vw]"`
`7`	`7`	`@close="hideModal"`
`8`	`8`	`>`
`9`	`9`	`<template #body>`