Update app.py

app.py

@@ -554,58 +554,55 @@ def create_interface():
     }
 
     css = """
-        @media (max-width: 600px) {
-            #logo-image {
-                content: url('/static/DIGITAL_GUTPAN_LOGO_m.png') !important;
-                width: 75px !important;
-                height: auto !important;
+       @media (max-width: 600px) {
+                #logo-image {
+                    content: url('/static/DIGITAL_GUTPAN_LOGO_m.png') !important;
+                    width: 75px !important;
+                    height: auto !important;
+                }
+                .container { padding: 10px !important; }
+                .gradio-button { 
+                    width: 100% !important; 
+                    margin: 5px 0 !important;
+                    min-height: 44px !important;
+                }
+                .gradio-textbox, 
+                .gradio-audio, 
+                .gradio-image { 
+                    width: 100% !important;
+                }
+                .gradio-dataframe {
+                    overflow-x: auto !important;
+                    max-width: 100% !important;
+                }
             }
-            .container { padding: 10px !important; }
-            .gradio-button { 
-                width: 100% !important; 
-                margin: 5px 0 !important;
-                min-height: 44px !important;
+            
+            /* 데스크톱 뷰 */
+            @media (min-width: 601px) {
+                #logo-image {
+                    content: url('/static/DIGITAL_GUTPAN_LOGO_w.png');
+                    width: auto;
+                    height: auto;
+                }
             }
-            .gradio-textbox, 
-            .gradio-audio, 
-            .gradio-image { 
-                width: 100% !important;
+            
+            /* 공통 스타일 */
+            .gradio-button {
+                transition: all 0.3s ease;
             }
-            .gradio-dataframe {
-                overflow-x: auto !important;
-                max-width: 100% !important;
+            .gradio-button:active {
+                transform: scale(0.98);
             }
-        }
-        
-        /* 데스크톱 뷰 */
-        @media (min-width: 601px) {
-            #logo-image {
-                content: url('/static/DIGITAL_GUTPAN_LOGO_w.png');
-                width: auto;
-                height: auto;
+            #logo-container {
+                text-align: center;
+                margin: 0 auto;
+                padding: 20px 0;
             }
-        }
-        
-        /* 공통 스타일 */
-        .gradio-button {
-            transition: all 0.3s ease;
-        }
-        .gradio-button:active {
-            transform: scale(0.98);
-        }
-        #logo-container {
-            text-align: center;
-            margin: 0 auto;
-            padding: 20px 0;
-        }
     """
 
     with gr.Blocks(theme=gr.themes.Soft(), css=css) as app:
         state = gr.State(value=initial_state)
-        
-        # 화면 크기에 따라 로고 이미지 설정
-        logo_image_path = "/static/DIGITAL_GUTPAN_LOGO_m.png" if request.user_agent.platform == 'mobile' else "/static/DIGITAL_GUTPAN_LOGO_w.png"
-        
+          
         with gr.Row(elem_id="logo-container"):
             gr.Image(value="/static/DIGITAL_GUTPAN_LOGO_w.png", 
                     show_label=False,