@likable-hair/svelte 3.0.4 → 3.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -43,6 +43,9 @@ function handleCollpsabledDividerChange() {
|
|
|
43
43
|
bind:collapsed={drawerCollapsed}
|
|
44
44
|
on:change={handleCollpsabledDividerChange}
|
|
45
45
|
></CollapsibleDivider>
|
|
46
|
+
<div class="sidebar-footer">
|
|
47
|
+
<slot name="sidebar-footer" collapsed={drawerCollapsed}></slot>
|
|
48
|
+
</div>
|
|
46
49
|
</div>
|
|
47
50
|
<div class="header-menu">
|
|
48
51
|
<HeaderMenu
|
|
@@ -86,6 +89,8 @@ function handleCollpsabledDividerChange() {
|
|
|
86
89
|
var(--collapsible-side-bar-layout-default-sidebar-width)
|
|
87
90
|
);
|
|
88
91
|
transition: width .3s cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
92
|
+
display: flex;
|
|
93
|
+
flex-direction: column;
|
|
89
94
|
}
|
|
90
95
|
|
|
91
96
|
.sidebar.collapsed {
|
|
@@ -129,6 +134,7 @@ function handleCollpsabledDividerChange() {
|
|
|
129
134
|
.logo-container {
|
|
130
135
|
padding-left: 16px;
|
|
131
136
|
padding-top: 10px;
|
|
137
|
+
padding-bottom: 10px;
|
|
132
138
|
transition-property: width padding-left;
|
|
133
139
|
transition-timing-function: cubic-bezier(.4,0,.2,1);
|
|
134
140
|
transition-duration: var(--collapsible-side-bar-layout-collapse-transition-time);
|
|
@@ -153,4 +159,8 @@ function handleCollpsabledDividerChange() {
|
|
|
153
159
|
.header-logo-container img {
|
|
154
160
|
height: 3rem;
|
|
155
161
|
}
|
|
162
|
+
|
|
163
|
+
.sidebar-footer {
|
|
164
|
+
flex-grow: 1;
|
|
165
|
+
}
|
|
156
166
|
</style>
|