refac: styling

This commit is contained in:
Timothy Jaeryang Baek 2025-04-10 21:52:03 -07:00
parent 6d63337ee9
commit 5fea0a2221
3 changed files with 25 additions and 28 deletions

View File

@ -91,10 +91,6 @@ textarea::placeholder {
-webkit-app-region: no-drag; -webkit-app-region: no-drag;
} }
iframe {
@apply rounded-lg;
}
li p { li p {
display: inline; display: inline;
} }

View File

@ -401,6 +401,7 @@
if (!$chatId) { if (!$chatId) {
chatIdUnsubscriber = chatId.subscribe(async (value) => { chatIdUnsubscriber = chatId.subscribe(async (value) => {
if (!value) { if (!value) {
await tick(); // Wait for DOM updates
await initNewChat(); await initNewChat();
} }
}); });
@ -1927,7 +1928,7 @@
: ' '} w-full max-w-full flex flex-col" : ' '} w-full max-w-full flex flex-col"
id="chat-container" id="chat-container"
> >
{#if chatIdProp === '' || (!loading && chatIdProp)} {#if !loading}
{#if $settings?.backgroundImageUrl ?? null} {#if $settings?.backgroundImageUrl ?? null}
<div <div
class="absolute {$showSidebar class="absolute {$showSidebar
@ -1941,6 +1942,8 @@
/> />
{/if} {/if}
<PaneGroup direction="horizontal" class="w-full h-full">
<Pane defaultSize={50} class="h-full flex relative max-w-full flex-col">
<Navbar <Navbar
bind:this={navbarElement} bind:this={navbarElement}
chat={{ chat={{
@ -1960,8 +1963,6 @@
{initNewChat} {initNewChat}
/> />
<PaneGroup direction="horizontal" class="w-full h-full">
<Pane defaultSize={50} class="h-full flex w-full relative">
{#if !history.currentId && !$chatId && selectedModels.length <= 1 && ($banners.length > 0 || ($config?.license_metadata?.type ?? null) === 'trial' || (($config?.license_metadata?.seats ?? null) !== null && $config?.user_count > $config?.license_metadata?.seats))} {#if !history.currentId && !$chatId && selectedModels.length <= 1 && ($banners.length > 0 || ($config?.license_metadata?.type ?? null) === 'trial' || (($config?.license_metadata?.seats ?? null) !== null && $config?.user_count > $config?.license_metadata?.seats))}
<div class="absolute top-12 left-0 right-0 w-full z-30"> <div class="absolute top-12 left-0 right-0 w-full z-30">
<div class=" flex flex-col gap-1 w-full"> <div class=" flex flex-col gap-1 w-full">

View File

@ -223,14 +223,14 @@
showControls.set(false); showControls.set(false);
}} }}
collapsible={true} collapsible={true}
class="pt-8" class=" z-10 "
> >
{#if $showControls} {#if $showControls}
<div class="pr-4 pb-8 flex max-h-full min-h-full"> <div class="flex max-h-full min-h-full">
<div <div
class="w-full {($showOverview || $showArtifacts) && !$showCallOverlay class="w-full {($showOverview || $showArtifacts) && !$showCallOverlay
? ' ' ? ' '
: 'px-4 py-4 bg-white dark:shadow-lg dark:bg-gray-850 border border-gray-100 dark:border-gray-850'} rounded-xl z-40 pointer-events-auto overflow-y-auto scrollbar-hidden" : 'px-4 py-4 bg-white dark:shadow-lg dark:bg-gray-850 border border-gray-100 dark:border-gray-850'} z-40 pointer-events-auto overflow-y-auto scrollbar-hidden"
> >
{#if $showCallOverlay} {#if $showCallOverlay}
<div class="w-full h-full flex justify-center"> <div class="w-full h-full flex justify-center">