Fix app card text size and bug with global css rule

This commit is contained in:
Andrew Kingston 2021-05-06 14:16:17 +01:00
parent 199efd145b
commit 817511b47c
2 changed files with 13 additions and 8 deletions

View File

@ -37,7 +37,7 @@
<div class="preview" use:gradient /> <div class="preview" use:gradient />
<div class="title"> <div class="title">
<Link href={`/builder/${_id}`}> <Link href={`/builder/${_id}`}>
<Heading size="S"> <Heading size="XS">
{name} {name}
</Heading> </Heading>
</Link> </Link>
@ -47,8 +47,9 @@
</ActionMenu> </ActionMenu>
</div> </div>
<div class="status"> <div class="status">
<Body noPadding>Edited {Math.floor(1 + Math.random() * 10)} months ago</Body <Body noPadding size="S">
> Edited {Math.floor(1 + Math.random() * 10)} months ago
</Body>
{#if Math.random() > 0.5} {#if Math.random() > 0.5}
<Icon name="LockClosed" /> <Icon name="LockClosed" />
{/if} {/if}

View File

@ -34,10 +34,14 @@
<Layout gap="XS"> <Layout gap="XS">
<img src="https://i.imgur.com/ZKyklgF.png" /> <img src="https://i.imgur.com/ZKyklgF.png" />
</Layout> </Layout>
<div class="center">
<Layout gap="XS"> <Layout gap="XS">
<Heading size="M">Create an admin user</Heading> <Heading size="M">Create an admin user</Heading>
<Body size="M">The admin user has access to everything in budibase.</Body> <Body size="M"
>The admin user has access to everything in Budibase.</Body
>
</Layout> </Layout>
</div>
<Layout gap="XS"> <Layout gap="XS">
<Input label="Email" bind:value={adminUser.email} /> <Input label="Email" bind:value={adminUser.email} />
<Input label="Password" type="password" bind:value={adminUser.password} /> <Input label="Password" type="password" bind:value={adminUser.password} />
@ -63,7 +67,7 @@
justify-content: flex-start; justify-content: flex-start;
align-items: stretch; align-items: stretch;
} }
.container :global(p, h1) { .center {
text-align: center; text-align: center;
} }
img { img {