refac: styling

This commit is contained in:
Timothy Jaeryang Baek 2025-06-16 10:58:04 +04:00
parent e0917e9f38
commit e0ffe234ba

View File

@ -47,6 +47,15 @@
<ShareChatModal bind:show={showShareChatModal} chatId={$chatId} /> <ShareChatModal bind:show={showShareChatModal} chatId={$chatId} />
<button
id="new-chat-button"
class="hidden"
on:click={() => {
initNewChat();
}}
aria-label="New Chat"
/>
<nav class="sticky top-0 z-30 w-full py-1 -mb-8 flex flex-col items-center drag-region"> <nav class="sticky top-0 z-30 w-full py-1 -mb-8 flex flex-col items-center drag-region">
<div class="flex items-center w-full pl-1.5 pr-1"> <div class="flex items-center w-full pl-1.5 pr-1">
<div <div
@ -73,22 +82,23 @@
</div> </div>
</button> </button>
<Tooltip content={$i18n.t('New Chat')}> {#if !$mobile}
<button <Tooltip content={$i18n.t('New Chat')}>
id="new-chat-button" <button
class=" flex {$showSidebar class=" flex {$showSidebar
? 'md:hidden' ? 'md:hidden'
: ''} cursor-pointer px-2 py-2 rounded-xl text-gray-600 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-850 transition" : ''} cursor-pointer px-2 py-2 rounded-xl text-gray-600 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-850 transition"
on:click={() => { on:click={() => {
initNewChat(); initNewChat();
}} }}
aria-label="New Chat" aria-label="New Chat"
> >
<div class=" m-auto self-center"> <div class=" m-auto self-center">
<PencilSquare className=" size-5" strokeWidth="2" /> <PencilSquare className=" size-5" strokeWidth="2" />
</div> </div>
</button> </button>
</Tooltip> </Tooltip>
{/if}
</div> </div>
<div <div