gmakstutis/openrag
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

fix layout merge conflicts

Browse source
This commit is contained in:
Cole Goldsmith 2025-10-03 11:54:30 -05:00
parent 2aaac7ad14
commit a9bb26001b
3 changed files with 15 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/globals.css
View file

@ -54,7 +54,7 @@
--radius: 0.5rem;
--app-header-height: 53px;
--app-header-height: 40px;
}
.dark {

2
frontend/src/app/layout.tsx
View file

@ -38,7 +38,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<body
className={`${inter.variable} ${jetbrainsMono.variable} ${chivo.variable} antialiased h-full w-full overflow-hidden`}
className={`${inter.variable} ${jetbrainsMono.variable} ${chivo.variable} antialiased h-lvh w-full overflow-hidden`}
>
<ThemeProvider
attribute="class"

22
frontend/src/components/layout-wrapper.tsx
View file

@ -11,7 +11,6 @@ import { KnowledgeFilterPanel } from "@/components/knowledge-filter-panel";
import Logo from "@/components/logo/logo";
import { Navigation } from "@/components/navigation";
import { TaskNotificationMenu } from "@/components/task-notification-menu";
import { Button } from "@/components/ui/button";
import { UserNav } from "@/components/user-nav";
import { useAuth } from "@/contexts/auth-context";
import { useChat } from "@/contexts/chat-context";
@ -38,7 +37,6 @@ export function LayoutWrapper({ children }: { children: React.ReactNode }) {
// Only fetch conversations on chat page
const isOnChatPage = pathname === "/" || pathname === "/chat";
const isOnKnowledgePage = pathname === "/knowledge";
const { data: conversations = [], isLoading: isConversationsLoading } =
useGetConversationsQuery(endpoint, refreshTrigger, {
enabled: isOnChatPage && (isAuthenticated || isNoAuthMode),
@ -52,6 +50,7 @@ export function LayoutWrapper({ children }: { children: React.ReactNode }) {
// List of paths that should not show navigation
const authPaths = ["/login", "/auth/callback", "/onboarding"];
const isAuthPage = authPaths.includes(pathname);
const isOnKnowledgePage = pathname.startsWith("/knowledge");
// List of paths with smaller max-width
const smallWidthPaths = ["/settings", "/settings/connector/new"];
@ -59,7 +58,7 @@ export function LayoutWrapper({ children }: { children: React.ReactNode }) {
// Calculate active tasks for the bell icon
const activeTasks = tasks.filter(
task =>
(task) =>
task.status === "pending" ||
task.status === "running" ||
task.status === "processing"
@ -84,10 +83,9 @@ export function LayoutWrapper({ children }: { children: React.ReactNode }) {
// For all other pages, render with Langflow-styled navigation and task menu
return (
<div className="h-screen">
{/* Header */}
<header className="header-arrangement bg-background">
<div className="header-start-display px-4">
<div className="h-full relative">
<header className="header-arrangement bg-background sticky top-0 z-50 h-10">
<div className="header-start-display px-[16px]">
{/* Logo/Title */}
<div className="flex items-center">
<Logo className="fill-primary" width={24} height={22} />
@ -126,7 +124,6 @@ export function LayoutWrapper({ children }: { children: React.ReactNode }) {
</div>
</div>
</header>
<div
className={cn(
"app-grid-cols-arrangement group",
@ -145,7 +142,14 @@ export function LayoutWrapper({ children }: { children: React.ReactNode }) {
{/* Main Content */}
<main className="overflow-y-auto">
<div className="container p-6 h-full">{children}</div>
<div
className={cn(
"p-6 h-full container",
isSmallWidthPath && "max-w-[850px]"
)}
>
{children}
</div>
</main>
{/* Task Notifications Panel */}