Fix: correct small size to 500px (#881)

nielslyngsoe · web-flow · commit 052b277342f9 · 2024-08-28T12:59:11.000+02:00
diff --git a/packages/uui-modal/lib/uui-modal-sidebar.element.ts b/packages/uui-modal/lib/uui-modal-sidebar.element.ts
@@ -104,7 +104,7 @@ export class UUIModalSidebarElement extends UUIModalElement {
         max-width: min(800px, calc(100% - var(--uui-modal-sidebar-left-gap)));
       }
       :host([size='small']) dialog {
-        max-width: min(400px, calc(100% - var(--uui-modal-sidebar-left-gap)));
+        max-width: min(500px, calc(100% - var(--uui-modal-sidebar-left-gap)));
       }
     `,
   ];

Original file line number	Diff line number	Diff line change
`@@ -104,7 +104,7 @@ export class UUIModalSidebarElement extends UUIModalElement {`
`104`	`104`	`max-width: min(800px, calc(100% - var(--uui-modal-sidebar-left-gap)));`
`105`	`105`	`}`
`106`	`106`	`:host([size='small']) dialog {`
`107`		`- max-width: min(400px, calc(100% - var(--uui-modal-sidebar-left-gap)));`
	`107`	`+ max-width: min(500px, calc(100% - var(--uui-modal-sidebar-left-gap)));`
`108`	`108`	`}`
`109`	`109`	`,
`110`	`110`	`];`