Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
|
@@ -294,6 +294,7 @@ import streamlit as st
|
|
| 294 |
import os
|
| 295 |
|
| 296 |
# ====================== CSS UNTUK HEADER ===========================
|
|
|
|
| 297 |
st.markdown("""
|
| 298 |
<style>
|
| 299 |
.header-box {
|
|
@@ -310,60 +311,44 @@ st.markdown("""
|
|
| 310 |
text-align: center;
|
| 311 |
flex: 1;
|
| 312 |
}
|
| 313 |
-
|
| 314 |
-
/* === Perbaikan Logo Besar Tanpa Pecah (ZOOM) === */
|
| 315 |
.logo-container {
|
| 316 |
display: flex;
|
| 317 |
align-items: center;
|
| 318 |
justify-content: flex-end;
|
| 319 |
-
|
| 320 |
-
|
| 321 |
-
width: 200px; /* ukuran asli PNG kecil */
|
| 322 |
-
transform: scale(1); /* DIBESARKAN TANPA PECAH */
|
| 323 |
-
transform-origin: right center;
|
| 324 |
}
|
| 325 |
</style>
|
| 326 |
""", unsafe_allow_html=True)
|
| 327 |
|
| 328 |
-
#
|
| 329 |
with st.container():
|
| 330 |
st.markdown('<div class="header-box">', unsafe_allow_html=True)
|
| 331 |
-
col1, col2, col3 = st.columns([1, 5, 1])
|
| 332 |
|
| 333 |
-
# LEFT
|
| 334 |
with col1:
|
| 335 |
st.write("")
|
| 336 |
|
| 337 |
-
# CENTER
|
| 338 |
with col2:
|
| 339 |
st.markdown("""
|
| 340 |
<div class="header-title">
|
| 341 |
-
<h1 style="margin-bottom:6px;">
|
| 342 |
-
|
| 343 |
-
|
|
|
|
| 344 |
</div>
|
| 345 |
""", unsafe_allow_html=True)
|
| 346 |
|
| 347 |
-
# RIGHT
|
| 348 |
with col3:
|
| 349 |
try:
|
| 350 |
-
st.
|
| 351 |
-
f'<div class="logo-container">'
|
| 352 |
-
f'<img src="pln.png" class="logo-img">'
|
| 353 |
-
f'</div>',
|
| 354 |
-
unsafe_allow_html=True
|
| 355 |
-
)
|
| 356 |
except:
|
| 357 |
-
st.write("")
|
| 358 |
|
| 359 |
st.markdown('</div>', unsafe_allow_html=True)
|
| 360 |
-
|
| 361 |
-
|
| 362 |
-
import streamlit as st
|
| 363 |
-
import plotly.graph_objects as go
|
| 364 |
-
import numpy as np
|
| 365 |
-
import pandas as pd
|
| 366 |
-
|
| 367 |
# =================== OBJECTIVE 1 - Company Reporting Activity (Polar Bar Chart) ===================
|
| 368 |
st.markdown(
|
| 369 |
"""
|
|
|
|
| 294 |
import os
|
| 295 |
|
| 296 |
# ====================== CSS UNTUK HEADER ===========================
|
| 297 |
+
# CSS biar header terlihat seperti 1 kotak besar
|
| 298 |
st.markdown("""
|
| 299 |
<style>
|
| 300 |
.header-box {
|
|
|
|
| 311 |
text-align: center;
|
| 312 |
flex: 1;
|
| 313 |
}
|
|
|
|
|
|
|
| 314 |
.logo-container {
|
| 315 |
display: flex;
|
| 316 |
align-items: center;
|
| 317 |
justify-content: flex-end;
|
| 318 |
+
width: 150px; /* 🔥 Diperbesar dari 100px */
|
| 319 |
+
height: auto;
|
|
|
|
|
|
|
|
|
|
| 320 |
}
|
| 321 |
</style>
|
| 322 |
""", unsafe_allow_html=True)
|
| 323 |
|
| 324 |
+
# ==== HEADER LAYOUT (Columns) ====
|
| 325 |
with st.container():
|
| 326 |
st.markdown('<div class="header-box">', unsafe_allow_html=True)
|
| 327 |
+
col1, col2, col3 = st.columns([1, 5, 1]) # tengah lebih besar
|
| 328 |
|
| 329 |
+
# LEFT (kosong)
|
| 330 |
with col1:
|
| 331 |
st.write("")
|
| 332 |
|
| 333 |
+
# CENTER — TITLE
|
| 334 |
with col2:
|
| 335 |
st.markdown("""
|
| 336 |
<div class="header-title">
|
| 337 |
+
<h1 style="margin-bottom:6px;">PLN Audit Insight & Intelligence Dashboard</h1>
|
| 338 |
+
<p style="color:#546e7a; font-size:1.05em; margin-top:-8px;">
|
| 339 |
+
Operational Risk Intelligence for Audit & Compliance
|
| 340 |
+
</p>
|
| 341 |
</div>
|
| 342 |
""", unsafe_allow_html=True)
|
| 343 |
|
| 344 |
+
# RIGHT — LOGO
|
| 345 |
with col3:
|
| 346 |
try:
|
| 347 |
+
st.image("pln.png", width=120) # 🔥 Diperbesar dari 80px
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 348 |
except:
|
| 349 |
+
st.write("") # Jika logo tidak ditemukan, kosongkan
|
| 350 |
|
| 351 |
st.markdown('</div>', unsafe_allow_html=True)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 352 |
# =================== OBJECTIVE 1 - Company Reporting Activity (Polar Bar Chart) ===================
|
| 353 |
st.markdown(
|
| 354 |
"""
|