Add hover effect to Materia box (#14)

* Add hover effect to Materia box * Update src/components/Materias.js Co-authored-by: Federico del Mazo <delmazofederico@gmail.com> * Update src/components/Materias.js Co-authored-by: Federico del Mazo <delmazofederico@gmail.com> --------- Co-authored-by: Federico del Mazo <delmazofederico@gmail.com>
FdelMazo · Jan 29, 2024 · 46c423f · 46c423f
1 parent e683576
commit 46c423f
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/Materias.js b/src/components/Materias.js
@@ -82,6 +82,11 @@ const Materias = ({ materias, materiaSelected, setCodigoSelected, partialLoading
                   borderRadius={6}
                   p={8}
                   bg="white"
+                  cursor="pointer"
+                  _hover={{
+                    bg: "whiteAlpha.700",
+                  }}
+                transitionDuration="100ms"
                   boxShadow={
                     materiaSelected?.nombre === m.nombre
                       ? "0 0 0 2px violet"