Closed WakeReality closed 1 year ago
You could do the following:
<Modal show={$modal} styleWindow={{ width: '800px' }} />
or
<style>:global(.modalwina) { width: 800px; }</style>
<Modal show={$modal} classWindowWrap="modalwina" classWindow="modalwina" />
The :global()
is important because Svelte scopes class names so in your code, .modalwina
gets turned into something like .modalwina-8x9hqz
. That's why the styling wasn't applied.
If you want to keep scoped class names, you could follow https://stackoverflow.com/a/65533389
Ok, this worked. Thanks for the fast response. Happy new year.
I feel stupid for asking this, but I just can't wrap my head around how t adjust the width of the modal dialog window.
SvelteKit 1.0 FILE: /src/routes/testing/dialog/+page.svelte
The height is dynamic to the 2nd file, the Dialog, but I just can't determine where the width is set and I'm getting a narrow dialog with scrollbar. Thank you.