Improve email template screen layout

This commit is contained in:
Andrew Kingston 2021-09-14 12:36:29 +01:00
parent 1ecfd93c96
commit fd20e733a8
1 changed files with 69 additions and 65 deletions

View File

@ -71,8 +71,9 @@
} }
</script> </script>
<Layout gap="XS" noPadding> <Layout noPadding>
<div class="back"> <Layout gap="XS" noPadding>
<div>
<ActionButton <ActionButton
on:click={() => $goto("./")} on:click={() => $goto("./")}
quiet quiet
@ -88,14 +89,15 @@
</Heading> </Heading>
<Button cta on:click={saveTemplate}>Save</Button> <Button cta on:click={saveTemplate}>Save</Button>
</header> </header>
<Detail>Description</Detail>
<Body>{description}</Body>
<Body> <Body>
Change the email template here. Add dynamic content by using the bindings {description}
menu on the right. <br />
Change the email template here. Add dynamic content by using the bindings menu
on the right.
</Body> </Body>
</Layout> </Layout>
<Tabs selected="Edit" on:select={fixMountBug}> <div>
<Tabs selected="Edit" on:select={fixMountBug}>
<Tab title="Edit"> <Tab title="Edit">
<div class="template-editor"> <div class="template-editor">
<div class="template-text-editor"> <div class="template-text-editor">
@ -137,7 +139,9 @@
<iframe title="preview" srcdoc={previewContent} /> <iframe title="preview" srcdoc={previewContent} />
</div> </div>
</Tab> </Tab>
</Tabs> </Tabs>
</div>
</Layout>
<style> <style>
.template-editor { .template-editor {