Add scroller to the "StepsDialog" content (#2697)

Signed-off-by: Sergei Ogorelkov <sergei.ogorelkov@xored.com>
This commit is contained in:
Sergei Ogorelkov 2023-03-01 21:55:08 +06:00 committed by GitHub
parent 5a1c8004ac
commit c962cffd69
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -169,19 +169,21 @@
{@const { component, props } = currentStepModel} {@const { component, props } = currentStepModel}
{@const isMobile = $deviceInfo.isMobile} {@const isMobile = $deviceInfo.isMobile}
<div <Scroller>
class="clear-mins" <div
class:popupPanel-body__mobile-content={isMobile} class="clear-mins flex-no-shrink"
class:popupPanel-body__main-content={!isMobile} class:popupPanel-body__mobile-content={isMobile}
class:py-8={!isMobile} class:popupPanel-body__main-content={!isMobile}
class:max={!isMobile && useMaxWidth} class:py-8={!isMobile}
> class:max={!isMobile && useMaxWidth}
{#if typeof component === 'string'} >
<Component bind:innerRef={step} is={component} {props} on:change={handleComponentChange} /> {#if typeof component === 'string'}
{:else} <Component bind:innerRef={step} is={component} {props} on:change={handleComponentChange} />
<svelte:component this={component} bind:this={step} {...props} on:change={handleComponentChange} /> {:else}
{/if} <svelte:component this={component} bind:this={step} {...props} on:change={handleComponentChange} />
</div> {/if}
</div>
</Scroller>
{/if} {/if}
</Panel> </Panel>