Spaces:

huggingchat
/

chat-ui

Paused

chat-ui / src /lib /components /ExpandNavigation.svelte

victor HF staff

Navigation collapse (#893)

3abaf81 unverified 4 months ago

No virus

597 Bytes

	<script lang="ts">
	export let isCollapsed: boolean;
	export let classNames: string;
	</script>

	<button
	on:click
	class="{classNames} group flex h-16 w-6 flex-col items-center justify-center -space-y-1 outline-none :h-3 :w-1 :rounded-full :hover:bg-gray-300 max-md:hidden dark:*:hover:bg-gray-600 {!isCollapsed
	? ':bg-gray-200/70 dark::bg-gray-800'
	: ':bg-gray-200 dark::bg-gray-700'}"
	>
	<div class={!isCollapsed ? "group-hover:rotate-[20deg]" : "group-hover:-rotate-[20deg]"} />
	<div class={!isCollapsed ? "group-hover:-rotate-[20deg]" : "group-hover:rotate-[20deg]"} />
	</button>