Add skeleton for apps page as example of full width page
This commit is contained in:
parent
e576e464e2
commit
99a02eb94d
|
@ -0,0 +1,7 @@
|
|||
<script>
|
||||
import { Page } from "@budibase/bbui"
|
||||
</script>
|
||||
|
||||
<Page wide>
|
||||
<slot />
|
||||
</Page>
|
|
@ -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…
Reference in New Issue