feat(sidebar-avatar): Creat SidebarIndicator & Refactor Sidebar UI
* Add SidebarIndicator * Remove BarIcon components at Character at Bar * It replaced by SidebarAvatar component * (TODO: Refactor BarIcon to UI Components & Sidebar State Flow) * Refactor getCharImage * Delete unused code BREAKING CHANGE:
This commit is contained in:
17
src/lib/SideBars/SidebarIndicator.svelte
Normal file
17
src/lib/SideBars/SidebarIndicator.svelte
Normal file
@@ -0,0 +1,17 @@
|
||||
<script lang="ts">
|
||||
export let isActive: boolean;
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="
|
||||
group-hover:bg-white
|
||||
absolute
|
||||
left-[-4px]
|
||||
h-[8px]
|
||||
w-[8px]
|
||||
rounded-full
|
||||
transition-all
|
||||
duration-300
|
||||
{isActive ? 'bg-white !h-[20px]' : 'group-hover:h-[10px]'}
|
||||
"
|
||||
/>
|
||||
Reference in New Issue
Block a user