Update app.py

app.py

@@ -312,6 +312,24 @@ def serphouse_search(query, country):
 
 css = """
 footer {visibility: hidden;}
+
+/* 전역 검색 결과 컨테이너 스타일 */
+#global_results_container {
+    margin-top: 20px;
+    border-top: 1px solid #eee;
+    padding-top: 20px;
+}
+
+/* 진행 상태 박스 스타일 */
+.progress-box {
+    position: sticky;
+    top: 0;
+    background: white;
+    padding: 10px;
+    border-bottom: 1px solid #eee;
+    z-index: 100;
+    margin-bottom: 20px;
+}
 """
 
 with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css, title="NewsAI 서비스") as iface:
@@ -354,35 +372,45 @@ with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css, title="NewsAI 서비스") as
                             'index': i,
                         })
 
-        # 전세계 탭
+
+# 전세계 탭
         with gr.Tab("전세계"):
             gr.Markdown("검색어를 입력하면 67개국의 24시간 이내 뉴스를 최대 1000개 출력합니다.")
-            
+    
             with gr.Column():
-                query_global = gr.Textbox(label="검색어")
-                status_message_global = gr.Markdown("", visible=True)
-                translated_query_display_global = gr.Markdown(visible=False)
-                search_button_global = gr.Button("전세계 검색", variant="primary")
-                
-                progress_global = gr.Progress()
-                articles_state_global = gr.State([])
-
-                global_article_components = []
-                for i in range(1000):
-                    with gr.Group(visible=False) as article_group:
-                        title = gr.Markdown()
-                        image = gr.Image(width=200, height=150)
-                        snippet = gr.Markdown()
-                        info = gr.Markdown()
-                        
-                        global_article_components.append({
-                            'group': article_group,
-                            'title': title,
-                            'image': image,
-                            'snippet': snippet,
-                            'info': info,
-                            'index': i,
-                        })
+        # 상단 검색 영역
+                with gr.Row():
+                    query_global = gr.Textbox(label="검색어")
+                    search_button_global = gr.Button("전세계 검색", variant="primary")
+        
+        # 진행 상태 표시 영역 (고정 위치)
+                with gr.Box():  # Box로 구분선 추가
+                    status_message_global = gr.Markdown("", visible=True)
+                    translated_query_display_global = gr.Markdown(visible=False)
+                    progress_global = gr.Progress()
+        
+        # 결과 출력 영역 (스크롤 가능)
+                with gr.Column(elem_id="global_results_container"):
+                    articles_state_global = gr.State([])
+            
+                    global_article_components = []
+                    for i in range(1000):
+                        with gr.Group(visible=False) as article_group:
+                            title = gr.Markdown()
+                            image = gr.Image(width=200, height=150)
+                            snippet = gr.Markdown()
+                            info = gr.Markdown()
+                    
+                            global_article_components.append({
+                                'group': article_group,
+                                'title': title,
+                                'image': image,
+                                'snippet': snippet,
+                                'info': info,
+                                'index': i,
+                            })
+                    
+    
 
     def search_and_display(query, country, articles_state, progress=gr.Progress()):
         # 검색 상태 메시지 업데이트