Update app.py

app.py

@@ -23,62 +23,24 @@ st.set_page_config(
 # 2. Inicjalizacja pliku statystyk
 init_stats_file()
 
-# 3. Dodanie niestandardowego CSS
+# 3. Dodanie niestandardowego CSS do wzmocnienia stylów menu
 custom_css = """
 <style>
-    /* Ukryj boczne menu Streamlit */
-    [data-testid="stSidebar"] {
-        display: none;
-    }
-
-    /* Stylizacja poziomego menu */
-    .horizontal-menu {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        background-color: var(--st-secondary-background-color);
-        padding: 10px 0;
-        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-    }
-
-    /* Stylizacja elementów menu */
-    .horizontal-menu .menu-item {
-        display: flex;
-        align-items: center;
-        padding: 10px 20px;
-        margin: 0 5px;
-        border-radius: 5px;
-        transition: background-color 0.3s ease, color 0.3s ease;
-        cursor: pointer;
-        color: var(--st-text-color);
-        text-decoration: none;
-        font-weight: 500;
+    /* Podświetlenie wybranej zakładki */
+    .streamlit-option-menu .selected {
+        background-color: #02ab21 !important;  /* Zielone tło dla wybranej zakładki */
+        color: #ffffff !important;             /* Biały tekst dla wybranej zakładki */
     }
 
     /* Efekt hover dla elementów menu */
-    .horizontal-menu .menu-item:hover {
+    .streamlit-option-menu .menu-item:hover {
         background-color: #02ab21 !important;  /* Zielone tło podczas hover */
         color: #ffffff !important;             /* Biały tekst podczas hover */
     }
 
-    /* Podświetlenie wybranej zakładki */
-    .horizontal-menu .menu-item.selected {
-        background-color: #02ab21 !important;  /* Zielone tło dla wybranej zakładki */
-        color: #ffffff !important;             /* Biały tekst dla wybranej zakładki */
-    }
-
-    /* Stylizacja stopki (usunięta) */
-
-    /* Responsywność */
-    @media (max-width: 768px) {
-        .horizontal-menu {
-            flex-direction: column;
-        }
-        .horizontal-menu .menu-item {
-            margin: 5px 0;
-            width: 100%;
-            text-align: center;
-        }
+    /* Zmiana koloru ikon w menu */
+    .streamlit-option-menu .menu-item .icon {
+        color: inherit !important;
     }
 </style>
 """