mirror of
https://github.com/open-webui/open-webui.git
synced 2026-11-15 09:31:21 +00:00
refac
This commit is contained in:
parent
a8f76870fa
commit
b96993c9b7
7 changed files with 15 additions and 11 deletions
|
|
@ -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')}
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue