From 8839fc37ea0dd2ea9d25e5f1300764e908cdc867 Mon Sep 17 00:00:00 2001
From: Ivan <8611739+IRBorisov@users.noreply.github.com>
Date: Tue, 13 May 2025 18:18:59 +0300
Subject: [PATCH] B: Fix widescreen issue

---
 rsconcept/frontend/src/app/application-layout.tsx       | 2 +-
 rsconcept/frontend/src/components/flow/diagram-flow.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/rsconcept/frontend/src/app/application-layout.tsx b/rsconcept/frontend/src/app/application-layout.tsx
index bfe53fd1..5ae2615e 100644
--- a/rsconcept/frontend/src/app/application-layout.tsx
+++ b/rsconcept/frontend/src/app/application-layout.tsx
@@ -42,7 +42,7 @@ export function ApplicationLayout() {
         <Navigation />
 
         <div
-          className='overflow-x-auto max-w-[100vw]'
+          className='overflow-x-auto max-w-[100dvw]'
           style={{ maxHeight: viewportHeight }}
           inert={activeDialog !== null}
         >
diff --git a/rsconcept/frontend/src/components/flow/diagram-flow.tsx b/rsconcept/frontend/src/components/flow/diagram-flow.tsx
index 830baad4..0c0008e8 100644
--- a/rsconcept/frontend/src/components/flow/diagram-flow.tsx
+++ b/rsconcept/frontend/src/components/flow/diagram-flow.tsx
@@ -70,7 +70,7 @@ export function DiagramFlow({
   return (
     <div
       tabIndex={-1}
-      className={cn('relative cc-mask-sides w-[100dvw]', spaceMode && 'space-mode', className)}
+      className={cn('relative cc-mask-sides max-w-480 w-[100dvw]', spaceMode && 'space-mode', className)}
       style={{ ...style, height: height }}
       onKeyDown={handleKeyDown}
       onKeyUp={handleKeyUp}