Reduced size of app cards

This commit is contained in:
Joe 2020-08-11 17:02:54 +01:00
parent 3a66c4055a
commit 4d984a4793
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>