fix color on props

src/routes/data.rs

@@ -79,6 +79,7 @@ pub fn ValueCard(topic: String, location: String, sensor: String, unity: String,
 #[component]
 pub fn Card(sensor_props: ReadSignal<(String, String, String, String)>, value: Value) -> impl IntoView {
     let (location, sensor, unity, color) = sensor_props.get();
+    let value_class = ["text-4xl flex ml-5 -my-2 text-center ", color.as_str()].join(" ");
     view! {
         <div class="flex flex-col">
             <div class="text-xl flex-1">{location}</div>
@@ -86,7 +87,7 @@ pub fn Card(sensor_props: ReadSignal<(String, String, String, String)>, value: V
             <div class="text-second-dark text-sm">{value.date_donnee}</div>
         </div>
 
-        <h2 class="text-4xl flex ml-5 -my-2 text-center {color}">
+        <h2 class=value_class>
             <strong>{value.donnee}</strong>
             <span class="text-2xl mt-5">{unity}</span>
         </h2>

tailwind.config.js

@@ -26,7 +26,7 @@ module.exports = {
         green: "#00DA00",
       },
       fontSize: {
-        "4xl": ["4rem", "1"],
+        "4xl": ["4rem", "1.3"],
       },
     },
   },