Browse Source

Add skeleton for apps page as example of full width page

pull/4023/head
Andrew Kingston 5 years ago
parent
commit
c8ecc38bfb
  1. 7
      packages/builder/src/pages/portal/apps/_layout.svelte
  2. 27
      packages/builder/src/pages/portal/apps/index.svelte

7
packages/builder/src/pages/portal/apps/_layout.svelte

@ -0,0 +1,7 @@
<script>
import { Page } from "@budibase/bbui"
</script>
<Page wide>
<slot />
</Page>

27
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>
Loading…
Cancel
Save