fix: form class breaking wizard layout

This commit is contained in:
Arman
2022-10-11 16:17:00 +02:00
parent 948001fede
commit e18e0a1938
3 changed files with 4 additions and 3 deletions
+2 -1
View File
@@ -1,8 +1,9 @@
<script lang="ts">
export let noMargin = false;
export let isWizard = false;
</script>
<!-- svelte-ignore a11y-no-redundant-roles -->
<form role="form" class="form" class:common-section={!noMargin} on:submit|preventDefault>
<form role="form" class:form={!isWizard} class:common-section={!noMargin} on:submit|preventDefault>
<slot />
</form>
+1 -1
View File
@@ -68,7 +68,7 @@
<slot name="media" />
</div>
<div class="wizard-main">
<Form on:submit={submit}>
<Form isWizard on:submit={submit}>
{#each sortedSteps as [step, { component }]}
{#if currentStep === step}
<svelte:component this={component} />
@@ -1,5 +1,5 @@
<script lang="ts">
import { InputChoice, Button, InputFile, InputText, Form } from '$lib/elements/forms';
import { InputChoice, Button, InputText, Form } from '$lib/elements/forms';
import { Modal, Collapsible, CollapsibleItem, Tabs, Tab } from '$lib/components';
import { sdkForProject } from '$lib/stores/sdk';
import { createEventDispatcher } from 'svelte';