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

Begin implementation of components panel.

This commit is contained in:
pngwn 2020-01-20 17:13:58 +00:00
parent 8ef407f44e
commit 9fdcac7c41
2 changed files with 32 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/builder/src/userInterface/ComponentsPaneSwitcher.svelte
View File

@ -50,24 +50,28 @@ const selectTab = tab =>
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 2rem 1.5rem 2rem 1.5rem;
} }
.switcher { .switcher {
flex: 0 0 auto; display: flex;
justify-content: space-between;
} }
.switcher > button { .switcher > button {
display: inline-block; display: inline-block;
background-color: rgba(0,0,0,0); border: none;
border-style: solid;
border-color: var(--slate);
margin: 5px; margin: 5px;
padding: 5px; padding: 5px;
cursor: pointer; cursor: pointer;
font-weight: 600;
font-size: 0.85rem;
text-transform: uppercase;
color: #999;
} }
.switcher > .selected { .switcher > .selected {
background-color: red; color: #333;
} }
.panel { .panel {

4
packages/builder/src/userInterface/EditComponentProps.svelte
View File

@ -186,9 +186,7 @@ const showDialog = () => {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border-style: solid;
border-width: 1px 0 0 0;
border-color: var(--slate);
} }
.title { .title {