CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-04 05:50:57 +12:00
Code Issues Projects Releases Wiki Activity

Merge pull request #189 from Budibase/changes-to-backend-database-nav

Browse source 
Changes to backend database nav
This commit is contained in:
Joe 2020-04-02 12:32:44 +01:00 committed by GitHub
parent b5a6908194 df18745c6d
commit 7a5d80a947
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 22 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/builder/src/BackendRoot.svelte
View file

@ -37,7 +37,7 @@
.content {
flex: 1 1 auto;
margin: 80px 60px;
margin: 40px 40px;
}
.nav {

9
packages/builder/src/components/nav/BackendNav.svelte
View file

@ -57,12 +57,17 @@
display: flex;
justify-content: space-between;
align-items: center;
padding: 2rem 1rem 1rem 1rem;
padding: 20px 20px 10px 20px;
}
.hierarchy-title {
align-items: center;
text-transform: uppercase;
font-size: 0.85em;
font-size: 12px;
font-weight: bold;
opacity: 0.6;
letter-spacing: 1px;
text-rendering: optimizeLegibility;
}
.hierarchy {

25
packages/builder/src/components/nav/DatabasesList.svelte
View file

@ -42,15 +42,14 @@
<CheckIcon />
{/if}
</span>
<i
class="ri-delete-bin-7-line hoverable uk-margin-small-left"
on:click={() => deleteDatabase(database)} />
<button
class:active={database.id === $backendUiStore.selectedDatabase.id}
on:click={() => selectDatabase(database)}>
{database.name}
</button>
<i
class="ri-delete-bin-7-line hoverable alignment"
on:click={() => deleteDatabase(database)} />
</li>
{/each}
</ul>
@ -58,12 +57,10 @@
<style>
.root {
padding-bottom: 10px;
font-size: 0.9rem;
color: var(--secondary50);
font-weight: bold;
font-size: 12px;
color: var(--secondary100);
position: relative;
padding-left: 1.8rem;
padding-left: 20px;
}
ul {
@ -72,8 +69,13 @@
list-style: none;
}
.alignment {
margin-left: auto;
padding-right: 20px;
}
li {
margin: 0.5rem 0;
margin: 0px 0px 10px 0px;
display: flex;
align-items: center;
}
@ -83,10 +85,11 @@
padding: 0;
border: none;
font-family: Roboto;
font-size: 0.8rem;
font-size: 12px;
outline: none;
cursor: pointer;
background: rgba(0, 0, 0, 0);
text-rendering: optimizeLegibility;
}
.active {