Update app.py

app.py

@@ -228,9 +228,9 @@ def create_ui():
             margin-top: 5px !important;
         }
         #info-output, #usage-guide, #tree-view, #list-view {
-            height: 400px;
-            overflow-y: auto;
-            padding-right: 10px;
+            height: 400px !important;
+            overflow-y: auto !important;
+            padding-right: 10px !important;
         }
         #app-py-content {
             height: auto !important;
@@ -243,6 +243,10 @@ def create_ui():
             padding: 10px;
             margin-bottom: 20px;
         }
+        .scroll-lock {
+            overflow: auto !important;
+            max-height: 400px !important;
+        }
         """
 
         with gr.Blocks(css=css, theme="Nymbo/Nymbo_Theme") as demo:
@@ -261,7 +265,7 @@ def create_ui():
                 with gr.Column(scale=2):
                     with gr.Tabs():
                         with gr.TabItem("기본 정보"):
-                            with gr.Group(elem_classes="output-group"):
+                            with gr.Group(elem_classes="output-group scroll-lock"):
                                 info_output = gr.Textbox(label="Space 정보 및 요약", elem_id="info-output", lines=20, max_lines=30)
                             url_state = gr.State("")
                             last_url_state = gr.State("")
@@ -270,22 +274,23 @@ def create_ui():
                             refresh_button = gr.Button("🔄 서비스 화면", elem_id="refresh-button")
                             manual_button = gr.Button("선택 서비스 특징 및 사용법", elem_id="manual-button")
                             
-                            with gr.Group(elem_classes="output-group"):
+                            with gr.Group(elem_classes="output-group scroll-lock"):
                                 usage_guide = gr.Textbox(label="선택 서비스 특징 및 사용법", elem_id="usage-guide", visible=False, lines=20, max_lines=30)
                             
-                            with gr.Group(elem_classes="output-group"):
-                                app_py_content = gr.Code(language="python", label="메인 소스코드", elem_id="app-py-content", lines=None, max_lines=None)
+                            with gr.Group(elem_classes="output-group scroll-lock"):
+                                app_py_content = gr.Code(language="python", label="메인 소스코드", elem_id="app-py-content", lines=30, max_lines=None)
                             
                             open_space_button = gr.Button("선택한 Space 열기", elem_id="open-space-button")
                         
                         with gr.TabItem("코드 구조 분석"):
-                            with gr.Group(elem_classes="output-group"):
+                            with gr.Group(elem_classes="output-group scroll-lock"):
                                 tree_view = gr.Textbox(label="트리 구조", elem_id="tree-view", lines=30, max_lines=50)
-                            with gr.Group(elem_classes="output-group"):
+                            with gr.Group(elem_classes="output-group scroll-lock"):
                                 list_view = gr.Textbox(label="리스트 구조", elem_id="list-view", lines=30, max_lines=50)
                     
                     update_trigger = gr.Button("Update Screenshot", visible=False)
 
+
                 def on_select_with_link(space):
                     info, app_content, url, tree, list_structure = on_select(space)
                     info += f"\n\n선택한 Space URL: {url}"