Skip to content

Commit 7e98b54

Browse files
committed
Adjust nav item heights on desktop
Reduce desktop-only nav conversation item height from 2.15rem to 2.08rem, and apply the same height to the Models and MCP Servers nav entries so they align with the conversation list on larger screens.
1 parent 4e7ce75 commit 7e98b54

File tree

2 files changed

+3
-3
lines changed

2 files changed

+3
-3
lines changed

src/lib/components/NavConversationItem.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@
5656
data-sveltekit-noscroll
5757
data-sveltekit-preload-data="tap"
5858
href="{base}/conversation/{conv.id}"
59-
class="group flex h-[2.15rem] flex-none items-center gap-1.5 rounded-lg pl-2.5 pr-2 text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700 max-sm:h-10
59+
class="group flex h-[2.08rem] flex-none items-center gap-1.5 rounded-lg pl-2.5 pr-2 text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700 max-sm:h-10
6060
{conv.id === page.params.id ? 'bg-gray-100 dark:bg-gray-700' : ''}"
6161
onclick={(e) => {
6262
if (e.detail >= 2) {

src/lib/components/NavMenu.svelte

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -217,7 +217,7 @@
217217
{/if}
218218
<a
219219
href="{base}/models"
220-
class="flex h-9 flex-none items-center gap-1.5 rounded-lg pl-2.5 pr-2 text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700"
220+
class="flex h-9 flex-none items-center gap-1.5 rounded-lg pl-2.5 pr-2 text-gray-500 hover:bg-gray-100 sm:h-[2.08rem] dark:text-gray-400 dark:hover:bg-gray-700"
221221
onclick={handleNavItemClick}
222222
>
223223
Models
@@ -230,7 +230,7 @@
230230
{#if user?.username || user?.email}
231231
<button
232232
onclick={() => (showMcpModal = true)}
233-
class="flex h-9 flex-none items-center gap-1.5 rounded-lg pl-2.5 pr-2 text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700"
233+
class="flex h-9 flex-none items-center gap-1.5 rounded-lg pl-2.5 pr-2 text-gray-500 hover:bg-gray-100 sm:h-[2.08rem] dark:text-gray-400 dark:hover:bg-gray-700"
234234
>
235235
MCP Servers
236236
{#if $enabledServersCount > 0}

0 commit comments

Comments
 (0)