From a2fc3db0495fa2ef36ab5fd4a63a0108c5773f2a Mon Sep 17 00:00:00 2001
From: Andrei Duvakin <andrei@duvakin.ru>
Date: Mon, 10 Feb 2025 17:30:42 +0500
Subject: [PATCH] =?UTF-8?q?=D1=81=D0=B4=D0=B5=D0=BB=D0=B0=D0=BB=20=D0=B1?=
 =?UTF-8?q?=D0=BE=D0=BA=D0=BE=D0=B2=D1=83=D1=8E=20=D0=BF=D0=B0=D0=BD=D0=B5?=
 =?UTF-8?q?=D0=BB=D1=8C=20=D1=84=D0=B8=D0=BA=D1=81=D0=B8=D1=80=D0=BE=D0=B2?=
 =?UTF-8?q?=D0=B0=D0=BD=D0=BD=D0=BE=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web-app/src/layouts/MainLayout.jsx | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/web-app/src/layouts/MainLayout.jsx b/web-app/src/layouts/MainLayout.jsx
index 9879bec..5be754d 100644
--- a/web-app/src/layouts/MainLayout.jsx
+++ b/web-app/src/layouts/MainLayout.jsx
@@ -44,7 +44,7 @@ const MainLayout = () => {
 
     return (
         <Layout style={{minHeight: "100vh"}}>
-            <Sider collapsible collapsed={collapsed} onCollapse={setCollapsed}>
+            <Sider collapsible collapsed={collapsed} onCollapse={setCollapsed} style={{height: "100vh", position: "fixed", left: 0}}>
                 <div style={{display: "flex", justifyContent: "center", padding: 16}}>
                     <img
                         src="/logo_rounded.png"
@@ -61,13 +61,10 @@ const MainLayout = () => {
                 />
             </Sider>
 
-            <Layout>
-                <Content style={{margin: "0 16px"}}>
-                    <div style={{marginTop: 15, padding: 24, minHeight: 360, background: "#fff", borderRadius: 8}}>
-                        <Outlet/>
-                    </div>
+            <Layout style={{marginLeft: collapsed ? 80 : 200, transition: "margin-left 0.2s"}}>
+                <Content style={{margin: "0 16px", padding: 24, minHeight: "100vh", overflow: "auto", background: "#fff", borderRadius: 8}}>
+                    <Outlet/>
                 </Content>
-
                 <Footer style={{textAlign: "center"}}>Линза+ © {new Date().getFullYear()}</Footer>
             </Layout>
         </Layout>