CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-14 18:55:45 +12:00
Code Issues Projects Releases Wiki Activity

Update component list header to be consistent

Browse source
This commit is contained in:
Andrew Kingston 2023-08-22 16:41:15 +01:00
parent a6a6eb0ffe
commit eba2fb0f13
1 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/LeftPanel/Components/index.svelte
View file

@ -40,7 +40,7 @@
</script>
<div class="components">
<div class="header" class:headerScrolling={scrolling}>
<div class="header" class:scrolling>
<Body size="S">Components</Body>
<div on:click={toNewComponentRoute} class="addButton">
<Icon name="Add" />
@ -116,15 +116,16 @@
}
.header {
padding: 15px 12px;
height: 50px;
box-sizing: border-box;
padding: var(--spacing-l);
display: flex;
align-items: center;
border-bottom: 2px solid transparent;
transition: border-bottom 300ms;
transition: border-bottom 130ms ease-out;
}
.headerScrolling {
border-bottom: 2px solid var(--grey-2);
.header.scrolling {
border-bottom: var(--border-light);
}
.components :global(.nav-item) {