CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-10-02 18:16:29 +13:00
Code Issues Projects Releases Wiki Activity

refactor CSS

Browse source
This commit is contained in:
Martin McKeaveney 2021-05-06 10:30:38 +01:00
parent 91bf0d7a98
commit 7cad598269
1 changed files with 4 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
packages/builder/src/components/common/ConfigChecklist.svelte
View file

@ -30,14 +30,14 @@
<ProgressCircle size="S" value={$admin.onboardingProgress} /> <ProgressCircle size="S" value={$admin.onboardingProgress} />
</div> </div>
<MenuItem disabled> <MenuItem disabled>
<header> <header class="item">
<Heading size="XXS">Get Started Checklist</Heading> <Heading size="XXS">Get Started Checklist</Heading>
<ProgressCircle size="S" value={$admin.onboardingProgress} /> <ProgressCircle size="S" value={$admin.onboardingProgress} />
</header> </header>
</MenuItem> </MenuItem>
{#each Object.keys($admin.checklist) as checklistItem, idx} {#each Object.keys($admin.checklist) as checklistItem, idx}
<MenuItem> <MenuItem>
<div class="checklist-item"> <div class="item">
<span>{idx + 1}. {MESSAGES[checklistItem]}</span> <span>{idx + 1}. {MESSAGES[checklistItem]}</span>
<Checkbox value={!!$admin.checklist[checklistItem]} /> <Checkbox value={!!$admin.checklist[checklistItem]} />
</div> </div>
@ -46,15 +46,9 @@
</ActionMenu> </ActionMenu>
<style> <style>
header { .item {
display: grid; display: grid;
align-items: center; align-items: center;
grid-template-columns: 90% 10%; grid-template-columns: 200px 20px;
}
.checklist-item {
display: grid;
align-items: center;
grid-template-columns: 90% 10%;
} }
</style> </style>