CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-10-01 09:38:55 +13:00
Code Issues Projects Releases Wiki Activity

Merge pull request #443 from Budibase/edit/delete-record-dropdown-ui-update

Browse source 
edit/delete record dropdown update
This commit is contained in:
Martin McKeaveney 2020-07-14 16:09:47 +01:00 committed by GitHub
commit 62ce86afac
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 35 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
packages/builder/src/components/database/ModelDataTable/ModelDataTable.svelte
View file

@ -113,15 +113,15 @@
on:click={() => {
editRecord(row)
}}>
<div>Edit</div>
<i class="ri-edit-line" />
<div class="label">Edit</div>
</li>
<li>
<div
on:click={() => {
deleteRecord(row)
}}>
Delete
</div>
<li
on:click={() => {
deleteRecord(row)
}}>
<i class="ri-delete-bin-2-line" />
<div class="label">Delete</div>
</li>
</ul>
</div>
@ -146,6 +146,9 @@
</section>
<style>
section {
margin-bottom: 20px;
}
.title {
font-size: 24px;
font-weight: 600;
@ -204,4 +207,28 @@
display: flex;
align-items: center;
}
li {
display: flex;
align-items: center;
border-radius: 5px;
}
i {
color: var(--grey-7);
margin-right: 8px;
font-size: 20px;
}
.label {
color: var(--grey-7);
font-size: 14px;
font-family: inter;
font-weight: 400;
margin: 12px 0px;
}
.label:hover {
color: var(--ink);
cursor: pointer;
}
</style>