vignesh/supplier_central_frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: implement dedicated .workspace-container class to prevent dashboard sidebar overlap

Browse source
This commit is contained in:
vickytechkey 2026-08-20 19:41:26 +05:30
parent 79d27e736f
commit 5e9be8cbf8
2 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/App.tsx
View file

@ -1998,7 +1998,7 @@ export default function App() {
</aside>
{/* Main Workspace Frame */}
<main className="flex-grow md:ml-64 flex flex-col min-h-screen bg-background">
<main className="workspace-container bg-background">
{/* Top Workspace Header */}
<header className="h-16 border-b border-[#D9C5B2] bg-white flex items-center justify-between px-8 sticky top-0 z-30">

11
src/index.css
View file

@ -1405,3 +1405,14 @@ body {
color: var(--primary);
border-bottom-color: var(--primary);
}
/* Custom Workspace Container for Sidebar Clearance */
.workspace-container {
margin-left: 16rem;
flex: 1;
display: flex;
flex-direction: column;
min-height: 100vh;
width: calc(100% - 16rem);
box-sizing: border-box;
}