Update app.py

app.py

@@ -575,18 +575,16 @@ def safe_state_update(state, updates):
         return state
 
 def create_interface():
-    db = SimpleDB()
+    import base64
+    
+    def get_image_base64(image_path):
+        with open(image_path, "rb") as img_file:
+            return base64.b64encode(img_file.read()).decode()
+    
+    # 모바일/데스크톱 로고 미리 인코딩
+    mobile_logo = get_image_base64("static/DIGITAL_GUTPAN_LOGO_m.png")
+    desktop_logo = get_image_base64("static/DIGITAL_GUTPAN_LOGO_w.png")
     
-    initial_state = {
-        "user_name": "",
-        "baseline_features": None,
-        "reflections": [],
-        "wish": None,
-        "final_prompt": "",
-        "image_path": None,
-        "current_tab": 0
-    }
-
     css = """
         /* 모바일 뷰 */
         @media (max-width: 600px) {
@@ -594,19 +592,14 @@ def create_interface():
                 padding: 20px 10px !important;
                 width: 100% !important;
             }
-            #logo-image {
+            .desktop-logo { display: none !important; }
+            .mobile-logo {
                 width: 100% !important;
                 height: auto !important;
                 max-width: 300px !important;
                 margin: 0 auto !important;
                 display: block !important;
             }
-            .container { padding: 10px !important; }
-            .gradio-button { 
-                width: 100% !important; 
-                margin: 5px 0 !important;
-                min-height: 44px !important;
-            }
         }
         
         /* 데스크톱 뷰 */
@@ -617,7 +610,8 @@ def create_interface():
                 max-width: 800px;
                 margin: 0 auto;
             }
-            #logo-image {
+            .mobile-logo { display: none !important; }
+            .desktop-logo {
                 width: 100%;
                 height: auto;
                 max-width: 800px;
@@ -637,11 +631,10 @@ def create_interface():
     with gr.Blocks(theme=gr.themes.Soft(), css=css) as app:
         state = gr.State(value=initial_state)
         
-        # 로고 컨테이너 수정
         with gr.Column(elem_classes="logo-container"):
-            # HTML로 직접 이미지 삽입
-            gr.HTML("""
-                <img id="logo-image" src="static/DIGITAL_GUTPAN_LOGO_w.png" alt="디지털 굿판 로고">
+            gr.HTML(f"""
+                <img class="mobile-logo" src="data:image/png;base64,{mobile_logo}" alt="디지털 굿판 로고 모바일">
+                <img class="desktop-logo" src="data:image/png;base64,{desktop_logo}" alt="디지털 굿판 로고 데스크톱">
             """)
 
         gr.Markdown("""