From 458ee0e449bbd600956c42718a13d91b6f981cbc Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Mon, 18 May 2026 13:11:53 +0300
Subject: [PATCH] =?UTF-8?q?refactor:=20CardSidebar=20layout=20breakpoint?=
 =?UTF-8?q?=20md=20=E2=86=92=20lg=20for=20wider=20description=20area?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/shared/styles/theme.css         | 2 +-
 src/shared/ui/Card/ui/Card.test.tsx | 4 ++--
 src/shared/ui/Card/ui/Card.tsx      | 6 +++---
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/shared/styles/theme.css b/src/shared/styles/theme.css
index c8b4cfc..5be9f89 100644
--- a/src/shared/styles/theme.css
+++ b/src/shared/styles/theme.css
@@ -273,7 +273,7 @@
 .brutal-border-sidebar {
   border-bottom: var(--border-width) solid var(--blue);
 }
-@media (min-width: 768px) {
+@media (min-width: 1024px) {
   .brutal-border-sidebar {
     border-bottom: none;
     border-right: var(--border-width) solid var(--blue);
diff --git a/src/shared/ui/Card/ui/Card.test.tsx b/src/shared/ui/Card/ui/Card.test.tsx
index ccb4a3a..4f48ced 100644
--- a/src/shared/ui/Card/ui/Card.test.tsx
+++ b/src/shared/ui/Card/ui/Card.test.tsx
@@ -97,10 +97,10 @@ describe('CardSidebar', () => {
       expect(sidebar).toHaveClass('brutal-border-sidebar');
     });
 
-    it('sidebar column has fixed width on md', () => {
+    it('sidebar column has fixed width on lg', () => {
       render(<CardSidebar sidebar={<span>Sidebar</span>}>Main</CardSidebar>);
       const sidebar = screen.getByText('Sidebar').parentElement;
-      expect(sidebar).toHaveClass('md:w-64');
+      expect(sidebar).toHaveClass('lg:w-64');
     });
 
     it('main column fills remaining space', () => {
diff --git a/src/shared/ui/Card/ui/Card.tsx b/src/shared/ui/Card/ui/Card.tsx
index 8a823ed..8e73a82 100644
--- a/src/shared/ui/Card/ui/Card.tsx
+++ b/src/shared/ui/Card/ui/Card.tsx
@@ -108,9 +108,9 @@ interface CardSidebarProps {
  */
 export function CardSidebar({ sidebar, children, className }: CardSidebarProps) {
   return (
-    <div className={cn('flex flex-col md:flex-row', className)}>
-      <div className="shrink-0 md:w-64 brutal-border-sidebar pb-6 md:pb-0 md:pr-8 mb-6 md:mb-0">{sidebar}</div>
-      <div className="flex-1 min-w-0 md:pl-8">{children}</div>
+    <div className={cn('flex flex-col lg:flex-row', className)}>
+      <div className="shrink-0 lg:w-64 brutal-border-sidebar pb-6 lg:pb-0 lg:pr-8 mb-6 lg:mb-0">{sidebar}</div>
+      <div className="flex-1 min-w-0 lg:pl-8">{children}</div>
     </div>
   );
 }