From 2a6564c9a75cd05a29555439c440e6a73dab89f6 Mon Sep 17 00:00:00 2001 From: efim Date: Fri, 28 Apr 2023 21:32:04 +0400 Subject: [PATCH] styling and animation of own card controls --- .../industries/sunshine/planningpoker/OwnHandControls.scala | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/frontend/src/main/scala/industries/sunshine/planningpoker/OwnHandControls.scala b/frontend/src/main/scala/industries/sunshine/planningpoker/OwnHandControls.scala index f336951..9f36f52 100644 --- a/frontend/src/main/scala/industries/sunshine/planningpoker/OwnHandControls.scala +++ b/frontend/src/main/scala/industries/sunshine/planningpoker/OwnHandControls.scala @@ -21,7 +21,8 @@ object OwnHandControls { val submitVote = Fetch.get(s"/api/vote/$value").text div( - className := "cursor-pointer w-24 h-48 m-1 rounded-l flex justify-center items-center m-3 text-black bg-gray-50 border-black border-2", + className := "cursor-pointer w-24 h-48 m-1 rounded-l flex justify-center items-center m-3 text-black bg-gray-50 border-black border-2 drop-shadow-md", + className := "hover:-translate-y-2 hover:scale-[1.02] hover:drop-shadow-xl hover:bg-gray-100 ease-linear duration-200", onClick.flatMap(_ => submitVote) --> Observer(resp => g.console.info(resp.toString())), div( className := "-rotate-45 text-xl",