1
0
Fork 0
mirror of synced 2024-10-03 19:43:32 +13:00

Reduced size of app cards

This commit is contained in:
Joe 2020-08-11 17:02:54 +01:00
parent bae5e11df3
commit 15ca64d27a
3 changed files with 5 additions and 4 deletions

View file

@ -50,10 +50,11 @@
justify-content: center; justify-content: center;
padding: 8px 16px; padding: 8px 16px;
border-radius: var(--border-radius-s); border-radius: var(--border-radius-s);
font-size: var(--font-size-s); font-size: var(--font-size-xs);
font-weight: 500; font-weight: 500;
cursor: pointer; cursor: pointer;
transition: all 0.2s; transition: all 0.2s;
box-sizing: border-box; box-sizing: border-box;
font-family: var(--font-sans);
} }
</style> </style>

View file

@ -25,8 +25,8 @@
<style> <style>
.apps { .apps {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
grid-gap: 20px 40px; grid-gap: var(--layout-m);
justify-content: start; justify-content: start;
} }

View file

@ -66,7 +66,7 @@
<div class="header"> <div class="header">
<div class="welcome">Welcome to the Budibase Beta</div> <div class="welcome">Welcome to the Budibase Beta</div>
<Button primary purple medium on:click={showCreateAppModal}> <Button primary purple on:click={showCreateAppModal}>
Create New Web App Create New Web App
</Button> </Button>
</div> </div>