userAdityaa/flotilla
1
0
Fork 0
forked from coracle/flotilla
Code Pull Requests Activity

Work on add space modal

Browse Source
This commit is contained in:
Jon Staab
2024-08-08 14:02:46 -07:00
parent fb04a68168
commit 6c2e5d6e07
17 changed files with 232 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/SecondaryNavItem.svelte
+20 -1
View File
@@ -8,10 +8,29 @@
<a
{href}
class="button group justify-start border-none transition-all hover:bg-base-100"
class="group justify-start border-none transition-all hover:bg-base-100"
class:text-stark-content={active}
class:bg-base-100={active}>
<div class="flex items-center gap-3">
<slot />
</div>
</a>
<style>
a {
padding: 12px 16px;
display: flex;
border-radius: var(--rounded-btn, 0.5rem);
cursor: pointer;
animation: nav-button-pop 200ms ease-out;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
a:active:hover,
a:active:focus {
animation: button-pop 0s ease-out;
transform: scale(var(--btn-focus-scale, 0.97));
}
</style>