Update app.py

app.py

@@ -290,7 +290,10 @@ st.sidebar.markdown('</div>', unsafe_allow_html=True)
 import streamlit as st
 import os
 
-# CSS HEADER BOX
+import streamlit as st
+import os
+
+# ====================== CSS UNTUK HEADER ===========================
 st.markdown("""
 <style>
 .header-box {
@@ -307,58 +310,56 @@ st.markdown("""
     text-align: center;
     flex: 1;
 }
+
+/* === Perbaikan Logo Besar Tanpa Pecah (ZOOM) === */
 .logo-container {
     display: flex;
     align-items: center;
     justify-content: flex-end;
-    width: 220px;      /* 🔥 Logo area bigger */
-    height: auto;
 }
 .logo-img {
-    max-width: 200px; /* 🔥 Logo bigger */
-    height: auto;
+    width: 100px;       /* ukuran asli PNG kecil */
+    transform: scale(2);   /* DIBESARKAN TANPA PECAH */
+    transform-origin: right center;
 }
 </style>
 """, unsafe_allow_html=True)
 
-# === HEADER LAYOUT ===
+# ====================== HEADER LAYOUT ==============================
 with st.container():
     st.markdown('<div class="header-box">', unsafe_allow_html=True)
-
     col1, col2, col3 = st.columns([1, 5, 1])
 
-    # Left (empty)
+    # LEFT empty
     with col1:
         st.write("")
 
-    # CENTER TITLE
+    # CENTER – TITLE
     with col2:
         st.markdown("""
             <div class="header-title">
-                <h1 style="margin-bottom:6px;">Proactive Safety Intelligence & Analytics Dashboard</h1>
-                <p style="color:#546e7a; font-size:1.05em; margin-top:-8px;"></p>
+                <h1 style="margin-bottom:6px;">
+                    Proactive Safety Intelligence & Analytics Dashboard
+                </h1>
             </div>
         """, unsafe_allow_html=True)
 
-    # RIGHT LOGO (NOW BIGGER)
+    # RIGHT – LOGO WITH ZOOM CSS
     with col3:
-        if os.path.exists("pln.png"):
+        try:
             st.markdown(
-                f"""
-                <div class="logo-container">
-                    <img src="pln.png" class="logo-img">
-                </div>
-                """,
-                unsafe_allow_html=True,
+                f'<div class="logo-container">'
+                f'<img src="pln.png" class="logo-img">'
+                f'</div>',
+                unsafe_allow_html=True
             )
-        else:
+        except:
             st.write("")
 
     st.markdown('</div>', unsafe_allow_html=True)
 
 
 
-
 import streamlit as st
 import plotly.graph_objects as go
 import numpy as np
@@ -532,13 +533,12 @@ if 'temuan_kode_distrik' in df_local.columns:
                     linecolor="white",  # 🔥 Warna garis derajat jadi putih
                     gridcolor="rgba(255,255,255,0.2)"  # 🔥 Warna grid derajat jadi transparan putih
                 ),
-            ),
             showlegend=True,  # 🔥 Aktifkan legend
             legend=dict(
                 orientation="v",
-                yanchor="top",
+                yanchor="top",     # 🔥 Atas
                 y=1,
-                xanchor="left",
+                xanchor="right",   # 🔥 Kanan
                 x=1.02,
                 font=dict(size=10)
             ),
@@ -548,7 +548,6 @@ if 'temuan_kode_distrik' in df_local.columns:
             plot_bgcolor="rgba(0,0,0,0)"
         )
 
-        return fig
 
     # Plot
     col1, col2 = st.columns(2)