Update app.py

app.py

@@ -243,11 +243,11 @@ ad_css = """
           border-radius:20px; padding:0.3rem 1rem; font-weight:700; display:inline-block; font-size:0.9rem; }
 """
 
-def load_svg_b64(path):
+def load_img_b64(path):
     with open(path, "rb") as f:
         return base64.b64encode(f.read()).decode()
 
-logo_b64 = load_svg_b64("logo.svg")
+logo_b64 = load_img_b64("logo.png")
 
 st.markdown(f"""
 <style>
@@ -329,6 +329,27 @@ st.markdown(f"""
     margin-top: 0.35rem;
     line-height: 1.4;
 }}
+@media (max-width: 640px) {{
+    .vb-banner {{
+        flex-direction: column;
+        text-align: center;
+        padding: 1rem;
+    }}
+    .vb-logo-wrap img {{
+        height: 80px;
+    }}
+    .vb-title-wrap h1 {{
+        font-size: 1.6rem;
+    }}
+    .vb-title-wrap p {{
+        font-size: 0.78rem;
+    }}
+    .vb-toggle-wrap {{
+        position: static;
+        justify-content: center;
+        margin-top: 0.5rem;
+    }}
+}}
 </style>
 """, unsafe_allow_html=True)
 
@@ -339,7 +360,7 @@ toggle_text = "Light mode" if dark else "Dark mode"
 st.markdown(f"""
 <div class="vb-banner">
     <div class="vb-logo-wrap">
-        <img src="data:image/svg+xml;base64,{logo_b64}" alt="VeloBind"/>
+        <img src="data:image/png;base64,{logo_b64}" alt="VeloBind"/>=
     </div>
     <div class="vb-title-wrap">
         <h1>VeloBind</h1>