Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
ChatMenu.svelte 1.12 KB
Newer Older
Timothy J. Baek's avatar
feat: sidebar ui update  
Timothy J. Baek committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16 
<script lang="ts">
	import { DropdownMenu } from 'bits-ui';

	import Dropdown from '$lib/components/common/Dropdown.svelte';
	import GarbageBin from '$lib/components/icons/GarbageBin.svelte';
	import Pencil from '$lib/components/icons/Pencil.svelte';

	export let renameHandler: Function;
	export let deleteHandler: Function;
</script>

<Dropdown>
	<slot />

	<div slot="content">
		<DropdownMenu.Content
Timothy J. Baek's avatar
refac: chat menu styling  
Timothy J. Baek committed
17 
			class="w-full max-w-[130px] rounded-lg px-1 py-1.5 border border-gray-700/50 z-50 bg-gray-850 text-white"
Timothy J. Baek's avatar
feat: sidebar ui update  
Timothy J. Baek committed
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43 
			sideOffset={8}
			side="bottom"
			align="start"
		>
			<DropdownMenu.Item
				class="flex gap-2 items-center px-3 py-2 text-sm  font-medium cursor-pointer"
				on:click={() => {
					renameHandler();
				}}
			>
				<Pencil strokeWidth="2" />
				<div class="flex items-center">Rename</div>
			</DropdownMenu.Item>

			<DropdownMenu.Item
				class="flex  gap-2  items-center px-3 py-2 text-sm  font-medium cursor-pointer"
				on:click={() => {
					deleteHandler();
				}}
			>
				<GarbageBin strokeWidth="2" />
				<div class="flex items-center">Delete</div>
			</DropdownMenu.Item>
		</DropdownMenu.Content>
	</div>
</Dropdown>