Update app.py

app.py

@@ -314,27 +314,26 @@ css = """
 footer {visibility: hidden;}
 
 #status_area {
-    position: sticky;
+    position: fixed;
     top: 0;
-    background-color: white;
-    padding: 10px;
+    left: 0;
+    right: 0;
+    background: white;
+    padding: 20px;
     border-bottom: 2px solid #eee;
     z-index: 1000;
     margin-bottom: 20px;
 }
 
 #results_area {
-    margin-top: 20px;
-    padding-top: 10px;
+    margin-top: 150px;  /* status_area의 높이만큼 여백 추가 */
+    padding: 20px;
 }
 
-.progress-container {
+/* 프로그레스바 중복 출력 방지 */
+.progress-container:not(:first-child) {
     display: none !important;
 }
-
-.progress-container:first-child {
-    display: block !important;
-}
 """
 
 with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css, title="NewsAI 서비스") as iface:
@@ -373,26 +372,24 @@ 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():
-                with gr.Row():
-                    query_global = gr.Textbox(label="검색어")
-                    search_button_global = gr.Button("전세계 검색", variant="primary")
-        
-                with gr.Column(elem_id="status_area", visible=True):
+        # 상단 고정 영역
+                with gr.Column(elem_id="status_area"):
+                    with gr.Row():
+                        query_global = gr.Textbox(label="검색어")
+                        search_button_global = gr.Button("전세계 검색", variant="primary")
+            
                     status_message_global = gr.Markdown("")
-                    translated_query_display_global = gr.Markdown("")  # 이 줄 추가
+                    translated_query_display_global = gr.Markdown("")
                     progress_global = gr.Progress(track_tqdm=True)
         
-                gr.Markdown("---")
-
-                
+        # 결과 출력 영역 (스크롤 가능)
                 with gr.Column(elem_id="results_area"):
                     articles_state_global = gr.State([])
-                    
+            
                     global_article_components = []
                     for i in range(1000):
                         with gr.Group(visible=False) as article_group:
@@ -400,7 +397,7 @@ with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css, title="NewsAI 서비스") as
                             image = gr.Image(width=200, height=150)
                             snippet = gr.Markdown()
                             info = gr.Markdown()
-                            
+                    
                             global_article_components.append({
                                 'group': article_group,
                                 'title': title,
@@ -410,6 +407,7 @@ with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css, title="NewsAI 서비스") as
                                 'index': i,
                             })
 
+
     def search_and_display(query, country, articles_state, progress=gr.Progress()):
         status_msg = "검색을 진행중입니다. 잠시만 기다리세요..."