Update src/streamlit_app.py

src/streamlit_app.py

@@ -3,7 +3,7 @@ import pandas as pd
 import os
 
 # ==============================================================================
-# 1. STYLE CSS V2 (LISIBILITÉ TOTALE - ÉPURÉ)
+# 1. STYLE CSS V2.1 (VERROUILLÉ - AUCUNE SUPPRESSION DE FONCTION)
 # ==============================================================================
 st.set_page_config(page_title="Brake Lab V2", layout="centered")
 
@@ -13,14 +13,15 @@ st.markdown("""
     .stApp { background-color: #FFFFFF !important; }
     * { color: #000000 !important; font-family: 'Arial', sans-serif; }
     
-    /* 1.2 SAISIE NUMÉRIQUE : BLANC SUR NOIR */
-    input[type="number"] {
+    /* 1.2 SAISIE NUMÉRIQUE : TEXTE BLANC SUR FOND NOIR */
+    input[type="number"], .stNumberInput div[data-baseweb="input"] {
         color: #FFFFFF !important;
         background-color: #1E1E1E !important;
         border-radius: 8px !important;
         font-weight: bold !important;
         border: 2px solid #000 !important;
     }
+    input[type="number"] { color: #FFFFFF !important; }
 
     /* 1.3 SELECTBOX : LA BOITE PRINCIPALE (BLANC SUR NOIR) */
     div[data-baseweb="select"] {
@@ -32,28 +33,32 @@ st.markdown("""
     /* Texte sélectionné affiché dans la boite */
     div[data-baseweb="select"] div {
         color: #FFFFFF !important;
+        font-weight: bold !important;
     }
 
-    /* 1.4 LA LISTE DÉROULANTE (FIX FINAL LISIBILITÉ) */
+    /* 1.4 LA LISTE DÉROULANTE (VISIBILITÉ TOTALE) */
     div[role="listbox"], ul[role="listbox"] {
         background-color: #1E1E1E !important;
     }
 
     /* Force le blanc sur tous les éléments internes de la liste */
-    li[role="option"], li[role="option"] p, li[role="option"] span, li[role="option"] div {
+    li[role="option"], 
+    li[role="option"] p, 
+    li[role="option"] span, 
+    li[role="option"] div {
         color: #FFFFFF !important;
         background-color: #1E1E1E !important;
         font-weight: bold !important;
     }
 
-    /* Survol (Bleu Decathlon) */
+    /* Couleur au survol (Bleu Decathlon) */
     li[role="option"]:hover {
         background-color: #0082C3 !important;
     }
 
-    /* 1.5 CARTES DE RÉSULTATS */
+    /* 1.5 CARTES DE RÉSULTATS (NOMMÉES V2.1) */
     .perf-box {
-        padding: 35px;
+        padding: 40px;
         border: 4px solid #000000;
         border-radius: 15px;
         background-color: #FFFFFF;
@@ -62,10 +67,10 @@ st.markdown("""
         box-shadow: 8px 8px 0px #000;
     }
     .perf-value {
-        font-size: 50px;
+        font-size: 60px; /* Légèrement plus grand car moins de texte */
         font-weight: 900;
         color: #0082C3 !important;
-        margin: 15px 0;
+        margin: 0px;
     }
     </style>
     """, unsafe_allow_html=True)
@@ -85,14 +90,14 @@ def load_data():
 df = load_data()
 
 # ==============================================================================
-# 3. INTERFACE V2 ÉPURÉE
+# 3. INTERFACE V2.1 ÉPURÉE
 # ==============================================================================
 if not df.empty:
-    st.markdown("<h1 style='text-align: center;'>🎯 Brake Performance Finder</h1>", unsafe_allow_html=True)
+    # --- LOGO ET TITRE SUPPRIMÉS ---
     
-    st.write("") 
+    st.write("") # Espace de tête
     
-    # Entrées
+    # Zone d'entrée de données
     col1, col2 = st.columns(2)
 
     with col1:
@@ -100,34 +105,32 @@ if not df.empty:
 
     with col2:
         model_list = df['model name'].unique().tolist()
-        model_choice = st.selectbox("Modèle (Model)", options=model_list)
+        model_choice = st.selectbox("Sélectionner Modèle", options=model_list)
 
-    # Calcul
+    # Logique de calcul
     row = df[df['model name'] == model_choice].iloc[0]
     res_dry = row['dry a'] * effort_val + row['dry b']
     res_wet = row['wet a'] * effort_val + row['wet b']
 
-    # Affichage des cartes de score
+    # Affichage des cartes de score épurées
     st.write("") 
     res_c1, res_c2 = st.columns(2)
 
     with res_c1:
         st.markdown(f"""
             <div class="perf-box">
-                <p style="font-size: 20px; font-weight: bold;">CONDITION : SEC</p>
+                <p style="font-size: 22px; font-weight: bold; color: #555 !important; margin-bottom: 10px;">CONDITION : SEC</p>
                 <p class="perf-value">{round(res_dry, 1)} N</p>
-                <p style="font-weight: bold; font-size: 16px;">Force de freinage</p>
             </div>
         """, unsafe_allow_html=True)
 
     with res_c2:
         st.markdown(f"""
             <div class="perf-box">
-                <p style="font-size: 20px; font-weight: bold;">CONDITION : HUMIDE</p>
+                <p style="font-size: 22px; font-weight: bold; color: #555 !important; margin-bottom: 10px;">CONDITION : HUMIDE</p>
                 <p class="perf-value" style="color: #E63312 !important;">{round(res_wet, 1)} N</p>
-                <p style="font-weight: bold; font-size: 16px;">Force de freinage</p>
             </div>
         """, unsafe_allow_html=True)
 
 else:
-    st.error("Fichier Excel non trouvé.")
+    st.error("Erreur : Impossible de charger le fichier 'Brake_Lab_Test_Data.xlsx'.")