refac: allow chat menu in mobile

2024-09-18 01:30:09 +02:00
parent 771482c6e6
commit 705508a674
2 changed files with 28 additions and 14 deletions
@@ -17,6 +17,7 @@
 	import { get } from 'svelte/store';
 	import Clipboard from '$lib/components/icons/Clipboard.svelte';
 	import { toast } from 'svelte-sonner';
+	import AdjustmentsHorizontal from '$lib/components/icons/AdjustmentsHorizontal.svelte';

 	const i18n = getContext('i18n');

@@ -126,6 +127,17 @@
 				<div class="flex items-center">{$i18n.t('Settings')}</div>
 			</DropdownMenu.Item> -->

+			<DropdownMenu.Item
+				class="flex gap-2 items-center px-3 py-2 text-sm  cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md"
+				id="chat-controls-button"
+				on:click={async () => {
+					await showControls.set(true);
+				}}
+			>
+				<AdjustmentsHorizontal className=" size-4" strokeWidth="0.5" />
+				<div class="flex items-center">{$i18n.t('Controls')}</div>
+			</DropdownMenu.Item>
+
 			<DropdownMenu.Item
 				class="flex gap-2 items-center px-3 py-2 text-sm  cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md"
 				id="chat-overview-button"