Upload appFinal.py

appFinal.py

@@ -72,6 +72,34 @@ APP_CSS = """
 .gradio-container details summary {
     line-height: 1.45 !important;
 }
+.app-title-row {
+    align-items: center !important;
+    flex-wrap: nowrap !important;
+    justify-content: center !important;
+    gap: 12px !important;
+}
+.app-title-image {
+    flex: 0 0 60px !important;
+    margin: 0 !important;
+    min-width: 60px !important;
+    width: 60px !important;
+}
+.app-title-image img {
+    border-radius: 6px !important;
+    height: 60px !important;
+    object-fit: cover !important;
+    width: 60px !important;
+}
+.app-title-text {
+    flex: 0 0 auto !important;
+    margin: 0 !important;
+    min-width: 0 !important;
+    padding: 0 !important;
+    width: auto !important;
+}
+.app-title-text h1 {
+    margin: 0 !important;
+}
 """.strip()
 
 logging.basicConfig(
@@ -905,7 +933,10 @@ def create_app():
             render=False,
         )
 
-        with gr.Row():
+        with gr.Row(
+            equal_height=True,
+            elem_classes=["app-title-row"],
+        ):
             if PROFILE_IMAGE.exists():
                 gr.Image(
                     value=str(PROFILE_IMAGE),
@@ -917,11 +948,14 @@ def create_app():
                     interactive=False,
                     scale=0,
                     min_width=60,
+                    elem_classes=["app-title-image"],
                 )
-            gr.Markdown("# Rajan's Digital Twin",
-                        scale=0,
-                        min_width=0,
-                        )
+            with gr.Column(
+                scale=0,
+                min_width=0,
+                elem_classes=["app-title-text"],
+            ):
+                gr.Markdown("# Rajan's Digital Twin")
 
         gr.ChatInterface(
             fn=respond_ai,