OpenWebUI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-06-04 03:37:35 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refac: styling

Browse Source
This commit is contained in:
Timothy Jaeryang Baek 2025-01-13 19:23:57 -08:00
parent f299e19002
commit 22ad0264c1
6 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/channel/Channel.svelte
View File

@ -199,7 +199,7 @@
</svelte:head> </svelte:head>
<div <div
class="h-screen max-h-[100dvh] transition-width duration-300 ease-in-out {$showSidebar class="h-screen max-h-[100dvh] transition-width duration-200 ease-in-out {$showSidebar
? 'md:max-w-[calc(100%-260px)]' ? 'md:max-w-[calc(100%-260px)]'
: ''} w-full max-w-full flex flex-col" : ''} w-full max-w-full flex flex-col"
id="channel-container" id="channel-container"

2
src/lib/components/chat/Chat.svelte
View File

@ -1831,7 +1831,7 @@
{#if !chatIdProp || (loaded && chatIdProp)} {#if !chatIdProp || (loaded && chatIdProp)}
<div <div
class="h-screen max-h-[100dvh] transition-width duration-300 ease-in-out {$showSidebar class="h-screen max-h-[100dvh] transition-width duration-200 ease-in-out {$showSidebar
? ' md:max-w-[calc(100%-260px)]' ? ' md:max-w-[calc(100%-260px)]'
: ' '} w-full max-w-full flex flex-col" : ' '} w-full max-w-full flex flex-col"
id="chat-container" id="chat-container"

4
src/lib/components/layout/Sidebar.svelte
View File

@ -442,8 +442,8 @@
class="h-screen max-h-[100dvh] min-h-screen select-none {$showSidebar class="h-screen max-h-[100dvh] min-h-screen select-none {$showSidebar
? 'md:relative w-[260px] max-w-[260px]' ? 'md:relative w-[260px] max-w-[260px]'
: '-translate-x-[260px] w-[0px]'} {$isApp : '-translate-x-[260px] w-[0px]'} {$isApp
? ' ml-[4.5rem] md:ml-0' ? `ml-[4.5rem] md:ml-0 `
: 'transition-width duration-300 ease-in-out flex-shrink-0'} bg-gray-50 text-gray-900 dark:bg-gray-950 dark:text-gray-200 text-sm fixed z-50 top-0 left-0 overflow-x-hidden : 'transition-width duration-200 ease-in-out'} flex-shrink-0 bg-gray-50 text-gray-900 dark:bg-gray-950 dark:text-gray-200 text-sm fixed z-50 top-0 left-0 overflow-x-hidden
" "
data-state={$showSidebar} data-state={$showSidebar}
> >

2
src/routes/(app)/admin/+layout.svelte
View File

@ -26,7 +26,7 @@
{#if loaded} {#if loaded}
<div <div
class=" flex flex-col w-full min-h-screen max-h-screen transition-width duration-300 ease-in-out {$showSidebar class=" flex flex-col w-full min-h-screen max-h-screen transition-width duration-200 ease-in-out {$showSidebar
? 'md:max-w-[calc(100%-260px)]' ? 'md:max-w-[calc(100%-260px)]'
: ''} max-w-full" : ''} max-w-full"
> >

2
src/routes/(app)/playground/+layout.svelte
View File

@ -16,7 +16,7 @@
</svelte:head> </svelte:head>
<div <div
class=" flex flex-col w-full h-screen max-h-[100dvh] transition-width duration-300 ease-in-out {$showSidebar class=" flex flex-col w-full h-screen max-h-[100dvh] transition-width duration-200 ease-in-out {$showSidebar
? 'md:max-w-[calc(100%-260px)]' ? 'md:max-w-[calc(100%-260px)]'
: ''} max-w-full" : ''} max-w-full"
> >

2
src/routes/(app)/workspace/+layout.svelte
View File

@ -51,7 +51,7 @@
{#if loaded} {#if loaded}
<div <div
class=" relative flex flex-col w-full h-screen max-h-[100dvh] transition-width duration-300 ease-in-out {$showSidebar class=" relative flex flex-col w-full h-screen max-h-[100dvh] transition-width duration-200 ease-in-out {$showSidebar
? 'md:max-w-[calc(100%-260px)]' ? 'md:max-w-[calc(100%-260px)]'
: ''} max-w-full" : ''} max-w-full"
> >