CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-08-14 17:42:01 +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> </script>
<div class="components"> <div class="components">
<div class="header" class:headerScrolling={scrolling}> <div class="header" class:scrolling>
<Body size="S">Components</Body> <Body size="S">Components</Body>
<div on:click={toNewComponentRoute} class="addButton"> <div on:click={toNewComponentRoute} class="addButton">
<Icon name="Add" /> <Icon name="Add" />
@ -116,15 +116,16 @@
} }
.header { .header {
padding: 15px 12px; height: 50px;
box-sizing: border-box;
padding: var(--spacing-l);
display: flex; display: flex;
align-items: center; align-items: center;
border-bottom: 2px solid transparent; border-bottom: 2px solid transparent;
transition: border-bottom 300ms; transition: border-bottom 130ms ease-out;
} }
.header.scrolling {
.headerScrolling { border-bottom: var(--border-light);
border-bottom: 2px solid var(--grey-2);
} }
.components :global(.nav-item) { .components :global(.nav-item) {