Files
risuai/src/lib/SideBars/SidebarIndicator.svelte
phyyou a10ee2e7a6 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:
2023-05-13 01:58:14 +09:00

18 lines
298 B
Svelte

<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]'}
"
/>