MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Padding and margin input fields fix

This commit is contained in:
Joe 2020-06-01 21:18:25 +01:00
parent 7002cd43a8
commit 9e26508bc2
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/builder/src/components/common/Input.svelte
View File

@ -16,7 +16,6 @@
line-height: 1.3; line-height: 1.3;
padding: 12px; padding: 12px;
width: 164px; width: 164px;
float: right;
max-width: 100%; max-width: 100%;
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;

16
packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte
View File

@ -40,7 +40,7 @@
class="budibase__nav-item item" class="budibase__nav-item item"
class:selected={currentComponent === component} class:selected={currentComponent === component}
style="padding-left: {level * 20 + 53}px"> style="padding-left: {level * 20 + 53}px">
<div>{get_capitalised_name(component._component)}</div> <div class="nav-item"><i class="icon ri-arrow-right-circle-fill"></i>{get_capitalised_name(component._component)}</div>
<div class="actions"> <div class="actions">
<ComponentDropdownMenu {component} /> <ComponentDropdownMenu {component} />
</div> </div>
@ -72,8 +72,6 @@
border-radius: 3px; border-radius: 3px;
height: 35px; height: 35px;
align-items: center; align-items: center;
font-weight: 400;
font-size: 13px;
} }
.actions { .actions {
@ -95,4 +93,16 @@
.item:hover .actions { .item:hover .actions {
display: block; display: block;
} }
.nav-item {
display: flex;
align-items: center;
font-size: 14px;
color: var(--ink);
}
.icon {
color: var(--ink-light);
margin-right: 8px;
}
</style> </style>