rodrigo/budget-view-finance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Keep sidebar visible on scroll

Browse Source 
Make the sidebar stick to the top of the screen when scrolling.
This commit is contained in:
gpt-engineer-app[bot] 2025-06-23 03:15:58 +00:00
parent ffb0f5d71e
commit a18f73d1f1
1 changed files with 1 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/layout/NewModernLayout.tsx
View File

@ -1,4 +1,3 @@
import React from 'react';
import { Link, useLocation } from 'react-router-dom';
import {
@ -208,7 +207,7 @@ export default function NewModernLayout({ children }: NewModernLayoutProps) {
</Sidebar>
<SidebarInset className="flex-1">
<header className="flex h-16 shrink-0 items-center gap-2 border-b px-4">
<header className="sticky top-0 z-50 flex h-16 shrink-0 items-center gap-2 border-b px-4 bg-white/95 backdrop-blur supports-[backdrop-filter]:bg-white/60">
<div className="flex items-center gap-2">
<TooltipProvider>
<Tooltip>