This commit is contained in:
Timothy Jaeryang Baek 2026-11-02 01:59:22 +09:00
parent a8f76870fa
commit b96993c9b7
7 changed files with 15 additions and 11 deletions

View file

@ -56,7 +56,9 @@
<PinnedMessagesModal bind:show={showChannelPinnedMessagesModal} {channel} {onPin} />
<ChannelInfoModal bind:show={showChannelInfoModal} {channel} {onUpdate} />
{/if}
<nav class="sticky top-0 z-30 w-full px-3 py-1 -mb-8 flex items-center drag-region flex-col">
<nav
class="sticky top-0 z-30 w-full px-1.5 md:px-3 py-1 -mb-8 flex items-center drag-region flex-col"
>
<div
id="navbar-bg-gradient-to-b"
class=" bg-linear-to-b via-50% from-white via-white to-transparent dark:from-gray-900 dark:via-gray-900 dark:to-transparent pointer-events-none absolute inset-0 -bottom-7 z-[-1]"
@ -68,7 +70,7 @@
<div
class="{$showSidebar
? 'md:hidden'
: ''} col-start-1 row-start-1 mr-1.5 mt-0.5 self-center flex flex-none items-center text-gray-600 dark:text-gray-400"
: ''} col-start-1 row-start-1 mr-1.5 self-start flex flex-none items-center text-gray-600 dark:text-gray-400"
>
<Tooltip
content={$showSidebar ? $i18n.t('Close Sidebar') : $i18n.t('Open Sidebar')}

View file

@ -156,7 +156,7 @@
<nav
class="sticky top-0 z-30 w-full {$mobile
? 'pt-0.5'
? 'pt-1.5'
: ''} pb-1 -mb-12 flex flex-col items-center drag-region"
>
<div class="flex items-center w-full {$mobile ? 'px-1.5' : 'pl-1.5 pr-1'}">
@ -170,7 +170,7 @@
<div class=" flex max-w-full w-full mx-auto bg-transparent">
<div class="flex items-center w-full max-w-full">
{#if $mobile && !$showSidebar}
<div class="mr-1 flex flex-none items-center self-center">
<div class="mr-1 flex flex-none items-center self-start">
<Tooltip content={$showSidebar ? $i18n.t('Close Sidebar') : $i18n.t('Open Sidebar')}>
<button
id="sidebar-toggle-button"

View file

@ -40,7 +40,7 @@
? 'md:max-w-[calc(100%-var(--sidebar-width))]'
: 'md:max-w-[calc(100%-42px)]'} w-full max-w-full"
>
<nav class="pb-1 px-2.5 pt-2 backdrop-blur-xl drag-region select-none">
<nav class="pb-1 px-1.5 pt-1.5 md:px-2.5 md:pt-2 backdrop-blur-xl drag-region select-none">
<div class=" flex items-center gap-0.5 md:gap-1">
{#if $mobile}
<div class="{$showSidebar ? 'md:hidden' : ''} self-center flex flex-none items-center">

View file

@ -72,7 +72,7 @@
: ''} max-w-full"
>
<div class="flex h-full min-h-0 flex-col">
<div class="shrink-0 px-2.5 pt-2 pb-1">
<div class="shrink-0 px-1.5 pt-1.5 pb-1 md:px-2.5 md:pt-2">
<div class="flex items-center gap-0.5 md:gap-1">
{#if $mobile}
<div class="{$showSidebar ? 'md:hidden' : ''} flex flex-none items-center">

View file

@ -274,10 +274,12 @@
>
{#if loaded}
<!-- Top Navbar — spans above sidebar and calendar -->
<nav class="px-3 pt-2 pb-2 backdrop-blur-xl drag-region select-none shrink-0">
<nav
class="px-1.5 pt-1.5 pb-2 md:px-3 md:pt-2 backdrop-blur-xl drag-region select-none shrink-0"
>
<div class="flex items-center gap-0.5 md:gap-1">
{#if $mobile}
<div class="{$showSidebar ? 'md:hidden' : ''} flex flex-none items-center">
<div class="{$showSidebar ? 'md:hidden' : ''} flex flex-none items-center self-start">
<Tooltip
content={$showSidebar ? $i18n.t('Close Sidebar') : $i18n.t('Open Sidebar')}
interactive={true}

View file

@ -24,10 +24,10 @@
? 'md:max-w-[calc(100%-var(--sidebar-width))]'
: ''} max-w-full"
>
<nav class=" px-2.5 pt-1.5 backdrop-blur-xl w-full drag-region">
<nav class="px-1.5 pt-1.5 md:px-2.5 backdrop-blur-xl w-full drag-region">
<div class=" flex items-center">
{#if $mobile}
<div class="{$showSidebar ? 'md:hidden' : ''} flex flex-none items-center self-end mt-1.5">
<div class="{$showSidebar ? 'md:hidden' : ''} flex flex-none items-center self-start">
<Tooltip
content={$showSidebar ? $i18n.t('Close Sidebar') : $i18n.t('Open Sidebar')}
interactive={true}

View file

@ -22,7 +22,7 @@
? 'md:max-w-[calc(100%-var(--sidebar-width))]'
: ''} max-w-full"
>
<nav class="pb-1 px-2.5 pt-2 backdrop-blur-xl drag-region select-none">
<nav class="pb-1 px-1.5 pt-1.5 md:px-2.5 md:pt-2 backdrop-blur-xl drag-region select-none">
<div class="flex items-center gap-0.5 md:gap-1">
{#if $mobile}
<div class="{$showSidebar ? 'md:hidden' : ''} self-center flex flex-none items-center">