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

Update component list header to be consistent

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) {