From ec974998c9aa89165422d822feecae10f6f15173 Mon Sep 17 00:00:00 2001
From: Bivekich <biveki-dev@yandex.ru>
Date: Mon, 21 Jul 2025 16:58:49 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=20=D0=BA=D0=BE=D0=BC=D0=BF=D0=BE=D0=BD=D0=B5=D0=BD=D1=82?=
 =?UTF-8?q?=20=D1=81=D0=B0=D0=B9=D0=B4=D0=B1=D0=B0=D1=80=D0=B0:=20=D0=B8?=
 =?UTF-8?q?=D0=B7=D0=BC=D0=B5=D0=BD=D0=B5=D0=BD=20=D0=B8=D0=BD=D1=82=D0=B5?=
 =?UTF-8?q?=D1=80=D1=84=D0=B5=D0=B9=D1=81=20=D0=BE=D1=82=D0=BE=D0=B1=D1=80?=
 =?UTF-8?q?=D0=B0=D0=B6=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=B8=D0=BD=D1=84=D0=BE?=
 =?UTF-8?q?=D1=80=D0=BC=D0=B0=D1=86=D0=B8=D0=B8=20=D0=BE=20=D0=BF=D0=BE?=
 =?UTF-8?q?=D0=BB=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0=D1=82=D0=B5=D0=BB=D0=B5,?=
 =?UTF-8?q?=20=D1=83=D0=BB=D1=83=D1=87=D1=88=D0=B5=D0=BD=D0=B0=20=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=BC=D0=BF=D0=BE=D0=BD=D0=BE=D0=B2=D0=BA=D0=B0=20=D0=B4?=
 =?UTF-8?q?=D0=BB=D1=8F=20=D1=80=D0=B0=D0=B7=D0=B2=D0=B5=D1=80=D0=BD=D1=83?=
 =?UTF-8?q?=D1=82=D0=BE=D0=B3=D0=BE=20=D0=B8=20=D1=81=D0=B2=D0=B5=D1=80?=
 =?UTF-8?q?=D0=BD=D1=83=D1=82=D0=BE=D0=B3=D0=BE=20=D1=81=D0=BE=D1=81=D1=82?=
 =?UTF-8?q?=D0=BE=D1=8F=D0=BD=D0=B8=D0=B9.=20=D0=9E=D0=BF=D1=82=D0=B8?=
 =?UTF-8?q?=D0=BC=D0=B8=D0=B7=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=20=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=B4=20=D0=B4=D0=BB=D1=8F=20=D0=BB=D1=83=D1=87=D1=88?=
 =?UTF-8?q?=D0=B5=D0=B9=20=D1=87=D0=B8=D1=82=D0=B0=D0=B5=D0=BC=D0=BE=D1=81?=
 =?UTF-8?q?=D1=82=D0=B8=20=D0=B8=20=D0=B2=D0=B7=D0=B0=D0=B8=D0=BC=D0=BE?=
 =?UTF-8?q?=D0=B4=D0=B5=D0=B9=D1=81=D1=82=D0=B2=D0=B8=D1=8F=20=D1=81=20?=
 =?UTF-8?q?=D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0=D1=82=D0=B5?=
 =?UTF-8?q?=D0=BB=D0=B5=D0=BC.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/dashboard/sidebar.tsx | 90 +++++++++++++---------------
 1 file changed, 43 insertions(+), 47 deletions(-)

diff --git a/src/components/dashboard/sidebar.tsx b/src/components/dashboard/sidebar.tsx
index ff76f13..f28b2ec 100644
--- a/src/components/dashboard/sidebar.tsx
+++ b/src/components/dashboard/sidebar.tsx
@@ -185,62 +185,58 @@ export function Sidebar() {
 
         <div className="flex flex-col h-full">
           {/* Информация о пользователе */}
-          <Card className="bg-gradient-to-br from-white/15 to-white/5 backdrop-blur border border-white/30 mb-4 shadow-lg overflow-hidden">
+          <div className="bg-white/5 backdrop-blur border border-white/30 rounded-xl mb-3 p-2.5 shadow-sm">
             {!isCollapsed ? (
-              // Развернутое состояние
-              <div className="p-4">
-                <div className="flex items-center space-x-3">
-                  <div className="relative flex-shrink-0">
-                    <Avatar className="h-12 w-12 ring-2 ring-white/20">
-                      {user?.avatar ? (
-                        <AvatarImage 
-                          src={user.avatar} 
-                          alt="Аватар пользователя" 
-                          className="w-full h-full object-cover"
-                        />
-                      ) : null}
-                      <AvatarFallback className="bg-gradient-to-br from-purple-500 to-purple-600 text-white text-sm font-semibold">
-                        {getInitials()}
-                      </AvatarFallback>
-                    </Avatar>
-                    <div className="absolute -bottom-0.5 -right-0.5 w-3 h-3 bg-green-400 rounded-full border-2 border-white/20"></div>
-                  </div>
-                  <div className="flex-1 min-w-0">
-                    <p className="text-white text-sm font-semibold mb-1 break-words" title={getOrganizationName()}>
-                      {getOrganizationName()}
+              // Развернутое состояние - без карточки
+              <div className="flex items-center space-x-2.5">
+                <div className="relative flex-shrink-0">
+                  <Avatar className="h-8 w-8 ring-2 ring-white/40">
+                    {user?.avatar ? (
+                      <AvatarImage 
+                        src={user.avatar} 
+                        alt="Аватар пользователя" 
+                        className="w-full h-full object-cover"
+                      />
+                    ) : null}
+                    <AvatarFallback className="bg-gradient-to-br from-purple-500 to-purple-600 text-white text-xs font-semibold">
+                      {getInitials()}
+                    </AvatarFallback>
+                  </Avatar>
+                  <div className="absolute -bottom-0.5 -right-0.5 w-2 h-2 bg-green-400 rounded-full border-2 border-white/40"></div>
+                </div>
+                <div className="flex-1 min-w-0">
+                  <p className="text-white text-xs font-medium mb-0.5 break-words" title={getOrganizationName()}>
+                    {getOrganizationName()}
+                  </p>
+                  <div className="flex items-center space-x-1">
+                    <div className="w-1 h-1 bg-purple-400 rounded-full flex-shrink-0"></div>
+                    <p className="text-white/50 text-[10px]">
+                      {getCabinetType()}
                     </p>
-                    <div className="flex items-center space-x-1">
-                      <div className="w-2 h-2 bg-purple-400 rounded-full flex-shrink-0"></div>
-                      <p className="text-white/70 text-xs font-medium">
-                        {getCabinetType()}
-                      </p>
-                    </div>
                   </div>
                 </div>
               </div>
             ) : (
-              // Свернутое состояние - более компактное и красивое
-              <div className="p-3">
-                <div className="flex flex-col items-center space-y-2">
-                  <div className="relative" title={`${getOrganizationName()} - ${getCabinetType()}`}>
-                    <Avatar className="h-10 w-10 ring-2 ring-white/20">
-                      {user?.avatar ? (
-                        <AvatarImage 
-                          src={user.avatar} 
-                          alt="Аватар пользователя" 
-                          className="w-full h-full object-cover"
-                        />
-                      ) : null}
-                      <AvatarFallback className="bg-gradient-to-br from-purple-500 to-purple-600 text-white text-xs font-semibold">
-                        {getInitials()}
-                      </AvatarFallback>
-                    </Avatar>
-                    <div className="absolute -bottom-0.5 -right-0.5 w-2.5 h-2.5 bg-green-400 rounded-full border border-white/20"></div>
-                  </div>
+              // Свернутое состояние - только аватар
+              <div className="flex justify-center">
+                <div className="relative" title={`${getOrganizationName()} - ${getCabinetType()}`}>
+                  <Avatar className="h-7 w-7 ring-2 ring-white/40">
+                    {user?.avatar ? (
+                      <AvatarImage 
+                        src={user.avatar} 
+                        alt="Аватар пользователя" 
+                        className="w-full h-full object-cover"
+                      />
+                    ) : null}
+                    <AvatarFallback className="bg-gradient-to-br from-purple-500 to-purple-600 text-white text-[10px] font-semibold">
+                      {getInitials()}
+                    </AvatarFallback>
+                  </Avatar>
+                  <div className="absolute -bottom-0.5 -right-0.5 w-1.5 h-1.5 bg-green-400 rounded-full border-2 border-white/40"></div>
                 </div>
               </div>
             )}
-                    </Card>
+          </div>
 
           {/* Навигация */}
           <div className="space-y-1 mb-3 flex-1">