Improve Pane width on iPad viewport (#2491)

praveen-murali-ind · web-flow · commit 9669c8dcf985 · 2025-06-03T13:39:39.000+05:30
diff --git a/src/styles/components/_pane.scss b/src/styles/components/_pane.scss
@@ -69,18 +69,17 @@
 
     &--large {
       --neeto-ui-pane-wrapper-width: 50vw;
+      min-width: 600px;
     }
 
     &--extralarge {
       --neeto-ui-pane-wrapper-width: 90vw;
-    }
-
-    @include mixins.viewport(tab-min) {
-      width: 50%;
+      min-width: 700px;
     }
 
     @include mixins.viewport(mob) {
       width: 100%;
+      min-width: 0;
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -69,18 +69,17 @@`
`69`	`69`
`70`	`70`	`&--large {`
`71`	`71`	`--neeto-ui-pane-wrapper-width: 50vw;`
	`72`	`+ min-width: 600px;`
`72`	`73`	`}`
`73`	`74`
`74`	`75`	`&--extralarge {`
`75`	`76`	`--neeto-ui-pane-wrapper-width: 90vw;`
`76`		`- }`
`77`		`-`
`78`		`- @include mixins.viewport(tab-min) {`
`79`		`- width: 50%;`
	`77`	`+ min-width: 700px;`
`80`	`78`	`}`
`81`	`79`
`82`	`80`	`@include mixins.viewport(mob) {`
`83`	`81`	`width: 100%;`
	`82`	`+ min-width: 0;`
`84`	`83`	`}`
`85`	`84`	`}`
`86`	`85`