update UX card

2025-01-02 23:18:30 +01:00
parent 1a82544f09
commit dbee486a62
1 changed files with 20 additions and 4 deletions
@@ -123,8 +123,18 @@ const ServicePageTemplate = ({
                  cursor: "pointer",
                  transition: "transform 0.3s ease, box-shadow 0.3s ease",
                  "&:hover": {
-                    transform: "scale(1.05)",
-                    boxShadow: 5,
+                    transform: {
+                      xs: "none", // Pas d'hover sur mobile
+                      md: "scale(1.05)", // Hover sur desktop uniquement
+                    },
+                    boxShadow: {
+                      xs: 2, // Pas d'effet de hover sur mobile
+                      md: 5, // Augmentation de l'ombre sur desktop
+                    },
+                  },
+                  "&:active": {
+                    transform: "scale(0.98)", // Effet de clic pour le tactile
+                    boxShadow: 3,
                  },
                }}
                onClick={() => handleCardClick(feature)}
@@ -132,11 +142,17 @@ const ServicePageTemplate = ({
                <CardContent>
                  <Typography
                    variant="h3"
-                    sx={{ fontWeight: "bold", mb: 2, fontSize: 26 }}
+                    sx={{
+                      fontWeight: "bold",
+                      mb: 2,
+                      fontSize: 26,
+                    }}
                  >
                    {feature.title}
                  </Typography>
-                  <Typography variant="body2">{feature.description}</Typography>
+                  <Typography variant="body2" sx={{ color: "#555" }}>
+                    {feature.description}
+                  </Typography>
                </CardContent>
              </Card>
            </Grid>