SHELLAPANDIANGANHUNGING commited on
Commit
460601e
·
verified ·
1 Parent(s): 4d1bb87

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +14 -29
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
- .logo-img {
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
- # ====================== HEADER LAYOUT ==============================
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 empty
334
  with col1:
335
  st.write("")
336
 
337
- # CENTER TITLE
338
  with col2:
339
  st.markdown("""
340
  <div class="header-title">
341
- <h1 style="margin-bottom:6px;">
342
- Proactive Safety Intelligence & Analytics Dashboard
343
- </h1>
 
344
  </div>
345
  """, unsafe_allow_html=True)
346
 
347
- # RIGHT LOGO WITH ZOOM CSS
348
  with col3:
349
  try:
350
- st.markdown(
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
  """