refac: styling

This commit is contained in:
Timothy J. Baek
2024-09-18 01:35:22 +02:00
parent 3c03d5069d
commit 7e8cf5504a
3 changed files with 19 additions and 17 deletions
+13 -11
View File
@@ -8,7 +8,7 @@
import { downloadChatAsPDF } from '$lib/apis/utils';
import { copyToClipboard } from '$lib/utils';
import { showOverview, showControls } from '$lib/stores';
import { showOverview, showControls, mobile } from '$lib/stores';
import { flyAndScale } from '$lib/utils/transitions';
import Dropdown from '$lib/components/common/Dropdown.svelte';
@@ -127,16 +127,18 @@
<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>
{#if $mobile}
<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>
{/if}
<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"