Update create automation modal to match other modal styles

This commit is contained in:
Andrew Kingston 2020-09-30 10:24:43 +01:00
parent 049426b399
commit 2a3f4389b1
1 changed files with 9 additions and 10 deletions

View File

@ -25,7 +25,7 @@
<div class="container"> <div class="container">
<header> <header>
<i class="ri-stackshare-line" /> <i class="ri-stackshare-line" />
Create Automation <h3>Create Automation</h3>
</header> </header>
<div class="content"> <div class="content">
<Input bind:value={name} label="Name" /> <Input bind:value={name} label="Name" />
@ -48,22 +48,21 @@
} }
header { header {
font-size: var(--font-size-xl);
color: var(--ink);
font-weight: 600;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
} }
header h3 {
font-size: var(--font-size-xl);
color: var(--ink);
font-weight: 600;
margin: 0;
}
header i { header i {
margin-right: var(--spacing-m); margin-right: var(--spacing-m);
font-size: 20px; font-size: 28px;
background: var(--purple); color: var(--grey-6);
color: var(--white);
padding: var(--spacing-s);
border-radius: var(--border-radius-m);
display: inline-block;
} }
.content { .content {