Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 6 additions & 1 deletion src/app/(general)/_components/sidebar/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,12 @@ export async function AppSidebar({

return (
<HydrateClient>
<Sidebar collapsible="icon" className="relative" {...props}>
<Sidebar
variant="inset"
collapsible="icon"
className="relative"
{...props}
>
<SidebarHeader className="border-sidebar-border border-b p-3 group-data-[collapsible=icon]:p-2">
<Link
href="/"
Expand Down
6 changes: 3 additions & 3 deletions src/app/(general)/_contexts/openrouter-checks/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -87,9 +87,9 @@ export const OpenRouterChecks = () => {
return <KeyModal />;
}

if (credits && credits.totalCredits - credits.totalUsage <= 0.01) {
return <InsufficientCreditsModal />;
}
// if (credits && credits.totalCredits - credits.totalUsage <= 0.01) {
// return <InsufficientCreditsModal />;
// }

return null;
};
15 changes: 13 additions & 2 deletions src/components/ui/sidebar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -309,8 +309,19 @@ function SidebarInset({ className, ...props }: React.ComponentProps<"main">) {
<main
data-slot="sidebar-inset"
className={cn(
"bg-background relative flex w-full flex-1 flex-col",
"md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
// Ensure the page background (on the wrapper) owns the full viewport height,
// while the inset content does not force a second scroll container.
"bg-background relative flex min-h-0 w-full flex-col",
// Make the inset content 30px shorter than the wrapper and place the gap at the top.
"md:peer-data-[variant=inset]:mt-[30px] md:peer-data-[variant=inset]:h-[calc(100vh-30px)]",
// Ensure the radius actually applies by clipping the background to the rounded shape.
"md:peer-data-[variant=inset]:overflow-hidden",
// Apply the requested corner radii: only top-left 30px, all other corners square.
"md:peer-data-[variant=inset]:rounded-none md:peer-data-[variant=inset]:rounded-tl-[30px] md:peer-data-[variant=inset]:shadow-sm",
// Add border on the top and left to match the inset look and corner radius.
"md:peer-data-[variant=inset]:border-sidebar-border md:peer-data-[variant=inset]:border md:peer-data-[variant=inset]:border-t md:peer-data-[variant=inset]:border-r-0 md:peer-data-[variant=inset]:border-b-0 md:peer-data-[variant=inset]:border-l",
// Preserve left inset behavior with collapsed offset.
"md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
className,
)}
{...props}
Expand Down
16 changes: 8 additions & 8 deletions src/styles/globals.css
Original file line number Diff line number Diff line change
Expand Up @@ -178,7 +178,7 @@ body {
}

:root {
--background: oklch(0.9551 0 0);
--background: oklch(97.5% 0.00844 326deg);
--foreground: oklch(0.3211 0 0);
--card: oklch(0.9702 0 0);
--card-foreground: oklch(0.3211 0 0);
Expand All @@ -202,15 +202,15 @@ body {
--chart-3: oklch(0.6534 0 0);
--chart-4: oklch(0.7316 0 0);
--chart-5: oklch(0.8078 0 0);
--sidebar: oklch(0.937 0 0);
--sidebar-foreground: oklch(0.3211 0 0);
--sidebar-primary: oklch(0.4891 0 0);
--sidebar: oklch(93.4% 0.0294 322deg);
--sidebar-foreground: rgb(172, 22, 104);
--sidebar-primary: oklch(93.4% 0.0294 322deg);
--sidebar-primary-foreground: oklch(1 0 0);
--sidebar-accent: oklch(0.9067 0 0);
--sidebar-accent-foreground: oklch(0.3211 0 0);
--sidebar-accent: oklch(97.91% 0.0011895867041327932 106.75377509115134);
--sidebar-accent-foreground: rgb(172, 22, 104);
--sidebar-border: oklch(0.8576 0 0);
--sidebar-ring: #4299e1;
--font-sans: Space Grotesk, serif;
--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
--font-mono: JetBrains Mono, monospace;
--radius: 0.5rem;
Expand Down Expand Up @@ -447,4 +447,4 @@ body {
* {
scrollbar-width: thin;
scrollbar-color: rgba(100, 100, 100, 0.4) transparent;
}
}