bonamin/bellsystems-cp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Claude fixed (hopefully) the top bars clipping outside the screen

Browse Source
This commit is contained in:
Vasileios Kousaridas
2026-02-23 18:06:26 +02:00
parent cf9fa91238
commit 6ed3b4bbe6
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/layout/MainLayout.jsx
View File

@@ -4,11 +4,11 @@ import Sidebar from "./Sidebar";
export default function MainLayout() {
return (
<div className="flex min-h-screen" style={{ backgroundColor: "var(--bg-primary)" }}>
<div className="flex h-screen overflow-hidden" style={{ backgroundColor: "var(--bg-primary)" }}>
<Sidebar />
<div className="flex-1 flex flex-col">
<div className="flex-1 flex flex-col min-w-0 overflow-hidden">
<Header />
<main className="flex-1 p-6">
<main className="flex-1 p-6 overflow-y-auto min-w-0">
<Outlet />
</main>
</div>

2
frontend/src/layout/Sidebar.jsx
View File

@@ -50,7 +50,7 @@ export default function Sidebar() {
const canManageStaff = hasRole("sysadmin", "admin");
return (
<aside className="w-56 min-h-screen p-4 border-r flex flex-col" style={{ backgroundColor: "var(--bg-sidebar)", borderColor: "var(--border-primary)" }}>
<aside className="w-56 h-screen flex-shrink-0 p-4 border-r flex flex-col overflow-y-auto" style={{ backgroundColor: "var(--bg-sidebar)", borderColor: "var(--border-primary)" }}>
<div className="mb-8 px-2">
<img
src="/logo-dark.png"