This commit is contained in:
Timothy Jaeryang Baek 2026-11-02 10:25:19 +09:00
parent 27963030ec
commit 3bf160b629

View file

@ -1094,7 +1094,7 @@
{#if !$mobile && !$showSidebar}
<div
class="w-[calc(42px*var(--app-text-scale,1))] shrink-0 py-[calc(0.25rem*var(--app-text-scale,1))] px-[calc(0.25rem*var(--app-text-scale,1))] flex flex-col justify-between text-gray-700 dark:text-gray-300 hover:bg-gray-50/30 dark:hover:bg-gray-800/30 h-full z-10 transition-all border-e-[0.5px] border-gray-50 dark:border-gray-850/30"
class="w-[calc(42px*var(--app-text-scale,1))] shrink-0 pt-0.5 pb-1 px-1 flex flex-col justify-between text-gray-700 dark:text-gray-300 hover:bg-gray-50/30 dark:hover:bg-gray-800/30 h-full z-10 transition-all border-e-[0.5px] border-gray-50 dark:border-gray-850/30"
id="sidebar"
role="navigation"
aria-label={$i18n.t(inboxOpened ? 'Notifications' : 'Chat history')}
@ -1108,7 +1108,7 @@
closeSidebarButton?.focus();
}}
>
<div class="pb-1">
<div class="pb-0.5">
<Tooltip
content={$showSidebar ? $i18n.t('Close Sidebar') : $i18n.t('Open Sidebar')}
placement="right"
@ -1159,7 +1159,7 @@
<div
class="self-center flex size-[calc(30px*var(--app-text-scale,1))] items-center justify-center rounded-lg transition group-hover:bg-gray-100 dark:group-hover:bg-gray-900"
>
<EditPencilIcon className="size-[15px]" strokeWidth="1.5" />
<EditPencilIcon className="size-4" strokeWidth="1.5" />
</div>
</a>
</Tooltip>
@ -1299,10 +1299,10 @@
class=" my-auto flex flex-col justify-between h-screen max-h-[100dvh] w-[var(--sidebar-width)] overflow-x-hidden scrollbar-hidden z-50 border-e border-gray-50 dark:border-gray-850/30"
>
<div
class="sidebar px-0.75 pt-1 pb-1 flex justify-between space-x-1 text-gray-600 dark:text-gray-400 sticky top-0 z-10 -mb-2"
class="sidebar {$mobile ? 'px-0.75 pt-1 pb-1 -mb-2' : 'px-1 pt-0.5 pb-0.5'} flex shrink-0 justify-between space-x-1 text-gray-600 dark:text-gray-400 sticky top-0 z-10"
>
<a
class="flex items-center rounded-xl size-8.5 h-full justify-center hover:bg-gray-100 dark:hover:bg-gray-900 transition no-drag-region"
class="flex items-center rounded-xl size-8.5 {$mobile ? 'h-full' : 'shrink-0'} justify-center hover:bg-gray-100 dark:hover:bg-gray-900 transition no-drag-region"
href="/"
draggable="false"
aria-label={$i18n.t('New Chat')}
@ -1376,7 +1376,7 @@
{/if}
<div
class="relative flex flex-col flex-1 overflow-y-auto scrollbar-hidden space-y-1.5 pt-1.5 pb-2.5"
class="relative flex flex-col flex-1 overflow-y-auto scrollbar-hidden space-y-1.5 {$mobile ? 'pt-1.5' : ''} pb-2.5"
style:display={inboxOpened ? 'none' : undefined}
on:scroll={(e) => {
if (e.target.scrollTop === 0) {
@ -1397,7 +1397,7 @@
aria-label={$i18n.t('New Chat')}
>
<div class="self-center flex size-4 shrink-0 items-center justify-center">
<EditPencilIcon className="size-[15px]" strokeWidth="1.5" />
<EditPencilIcon className="size-4" strokeWidth="1.5" />
</div>
<div class="flex flex-1 self-center translate-y-[0.5px]">