fixes layout issues in email templates

2021-05-20 15:03:34 +02:00 · 2021-05-20 15:03:34 +02:00 · f421d7ba17
parent fd74c07869
commit f421d7ba17
4 changed files with 94 additions and 66 deletions
--- a/packages/builder/src/pages/builder/portal/manage/auth/_layout.svelte
+++ b/packages/builder/src/pages/builder/portal/manage/auth/_layout.svelte
--- a/packages/builder/src/pages/builder/portal/manage/email/[template].svelte
+++ b/packages/builder/src/pages/builder/portal/manage/email/[template].svelte
@ -1,11 +1,12 @@
 <script>
  import {
-    Button,
    Detail,
    Heading,
-    notifications,
-    Icon,
+    ActionButton,
+    Body,
    Page,
+    Layout,
+    notifications,
    Tabs,
    Tab,
  } from "@budibase/bbui"
@ -46,8 +47,7 @@
  }
 </script>

-<Page wide gap="L">
-  <div class="backbutton" on:click={() => $goto("./")}>
+<!-- <div class="backbutton" on:click={() => $goto("./")}>
    <Icon name="BackAndroid" />
    <span>Back</span>
  </div>
@ -56,7 +56,25 @@
      Email Template: {template}
    </Heading>
    <Button cta on:click={saveTemplate}>Save</Button>
-  </header>
+  </header> -->
+<Page wide>
+  <Layout gap="XS" noPadding>
+    <div class="back">
+      <ActionButton
+        on:click={() => $goto("./")}
+        quiet
+        size="S"
+        icon="BackAndroid"
+      >
+        Back to email settings
+      </ActionButton>
+    </div>
+    <Heading>Email Template: {template}</Heading>
+    <Body
+      >Change the email template here. you can insert bindings (email, logo url,
+      etc.) from the list on the right</Body
+    >
+  </Layout>
  <Tabs {selected}>
    <Tab title="Edit">
      <div class="template-editor">
--- a/packages/builder/src/pages/builder/portal/manage/email/index.svelte
+++ b/packages/builder/src/pages/builder/portal/manage/email/index.svelte
@ -5,6 +5,7 @@
    Heading,
    Divider,
    Label,
+    Page,
    notifications,
    Layout,
    Input,
@ -91,7 +92,8 @@
  })
 </script>

-<Layout>
+<Page>
+  <Layout>
    <Layout noPadding gap="XS">
      <Heading size="M">Email</Heading>
      <Body>
@ -153,7 +155,8 @@
        allowEditColumns={false}
      />
    {/if}
-</Layout>
+  </Layout>
+</Page>

 <style>
  .form-row {
--- a/packages/builder/src/pages/builder/portal/manage/users/_layout.svelte
+++ b/packages/builder/src/pages/builder/portal/manage/users/_layout.svelte
@ -0,0 +1,7 @@
+<script>
+  import { Page } from "@budibase/bbui"
+</script>
+
+<Page>
+  <slot />
+</Page>