From 87b8a8d22435c00d98802c8fb85707f35ee9c342 Mon Sep 17 00:00:00 2001
From: Ivan <8611739+IRBorisov@users.noreply.github.com>
Date: Tue, 4 Mar 2025 12:23:23 +0300
Subject: [PATCH] R: Add container class for further queries

---
 rsconcept/frontend/src/components/Modal/ModalForm.tsx | 4 +++-
 rsconcept/frontend/src/components/Modal/ModalView.tsx | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/rsconcept/frontend/src/components/Modal/ModalForm.tsx b/rsconcept/frontend/src/components/Modal/ModalForm.tsx
index e391f5e3..bb521091 100644
--- a/rsconcept/frontend/src/components/Modal/ModalForm.tsx
+++ b/rsconcept/frontend/src/components/Modal/ModalForm.tsx
@@ -119,7 +119,9 @@ export function ModalForm({
 
         <div
           className={clsx(
-            'overscroll-contain max-h-[calc(100svh-8rem)] max-w-[100svw] xs:max-w-[calc(100svw-2rem)] outline-hidden',
+            '@container/modal',
+            'max-h-[calc(100svh-8rem)] max-w-[100svw] xs:max-w-[calc(100svw-2rem)]',
+            'overscroll-contain outline-hidden',
             {
               'overflow-auto': !overflowVisible,
               'overflow-visible': overflowVisible
diff --git a/rsconcept/frontend/src/components/Modal/ModalView.tsx b/rsconcept/frontend/src/components/Modal/ModalView.tsx
index 3872112e..4c036e3d 100644
--- a/rsconcept/frontend/src/components/Modal/ModalView.tsx
+++ b/rsconcept/frontend/src/components/Modal/ModalView.tsx
@@ -63,7 +63,9 @@ export function ModalView({
 
         <div
           className={clsx(
-            'overscroll-contain max-h-[calc(100svh-8rem)] max-w-[100svw] xs:max-w-[calc(100svw-2rem)] outline-hidden',
+            '@container/modal',
+            'max-h-[calc(100svh-8rem)] max-w-[100svw] xs:max-w-[calc(100svw-2rem)]',
+            'overscroll-contain outline-hidden',
             {
               'overflow-auto': !overflowVisible,
               'overflow-visible': overflowVisible