Update pages.html

pages.html

@@ -187,6 +187,8 @@ background-color: rgba(0,0,0,0.4); /*Черный с непрозрачност
 position: relative;
 background-color: #fefefe;
 margin: auto;
+max-height: 80vh; /* Ограничиваем максимальную высоту контента */
+overflow-y: auto; /* Включаем вертикальную прокрутку, если содержимое больше */  
 padding: 0;
 border: 1px solid #888;
 width: 80%;
@@ -277,6 +279,8 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
   position: relative;
   background-color: #fefefe;
   margin: auto;
+  max-height: 80vh; /* Ограничиваем максимальную высоту контента */
+  overflow-y: auto; /* Включаем вертикальную прокрутку, если содержимое больше */  
   padding: 0;
   border: 1px solid #888;
   width: 81%;
@@ -357,6 +361,8 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
   position: relative;
   background-color: #fefefe;
   margin: auto;
+  max-height: 80vh; /* Ограничиваем максимальную высоту контента */
+  overflow-y: auto; /* Включаем вертикальную прокрутку, если содержимое больше */  
   padding: 0;
   border: 1px solid #888;
   width: 80%;
@@ -479,6 +485,8 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
   position: relative;
   background-color: #fefefe;
   margin: auto;
+  max-height: 80vh; /* Ограничиваем максимальную высоту контента */
+  overflow-y: auto; /* Включаем вертикальную прокрутку, если содержимое больше */  
   padding: 0;
   border: 1px solid #888;
   width: 80%;
@@ -599,6 +607,8 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
   background-color: #fefefe;
   margin: auto;
   padding: 0;
+  max-height: 80vh; /* Ограничиваем максимальную высоту контента */
+  overflow-y: auto; /* Включаем вертикальную прокрутку, если содержимое больше */  
   border: 1px solid #888;
   width: 80%;
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);