From c8ecc38bfbf1961bef958bf9cd3ec65d3aee0a7e Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Thu, 6 May 2021 10:22:36 +0100
Subject: [PATCH] Add skeleton for apps page as example of full width page

---
 .../src/pages/portal/apps/_layout.svelte      |  7 +++++
 .../src/pages/portal/apps/index.svelte        | 27 +++++++++++++++++++
 2 files changed, 34 insertions(+)
 create mode 100644 packages/builder/src/pages/portal/apps/_layout.svelte
 create mode 100644 packages/builder/src/pages/portal/apps/index.svelte

diff --git a/packages/builder/src/pages/portal/apps/_layout.svelte b/packages/builder/src/pages/portal/apps/_layout.svelte
new file mode 100644
index 0000000000..c87ab149ba
--- /dev/null
+++ b/packages/builder/src/pages/portal/apps/_layout.svelte
@@ -0,0 +1,7 @@
+<script>
+  import { Page } from "@budibase/bbui"
+</script>
+
+<Page wide>
+  <slot />
+</Page>
diff --git a/packages/builder/src/pages/portal/apps/index.svelte b/packages/builder/src/pages/portal/apps/index.svelte
new file mode 100644
index 0000000000..6a006ed831
--- /dev/null
+++ b/packages/builder/src/pages/portal/apps/index.svelte
@@ -0,0 +1,27 @@
+<script>
+  import { Heading, Layout } from "@budibase/bbui"
+</script>
+
+<Layout noPadding>
+  <div>
+    <Heading>Apps</Heading>
+  </div>
+  <div class="appList">
+    {#each new Array(10) as _}
+      <div class="app" />
+    {/each}
+  </div>
+</Layout>
+
+<style>
+  .appList {
+    display: grid;
+    grid-gap: 50px;
+    grid-template-columns: repeat(auto-fill, 300px);
+  }
+  .app {
+    height: 130px;
+    border-radius: 4px;
+    background-color: var(--spectrum-global-color-gray-200);
+  }
+</style>