efim
/
planning-poker-gwargh
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

positioning card name label

This commit is contained in:
efim 2023-04-28 20:44:36 +04:00
parent a87f4f99c0
commit a690189f02
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/main/scala/industries/sunshine/planningpoker/TableView.scala
View File

@ -66,11 +66,11 @@ object TableView {
} }
div( div(
className := "w-20 h-40 m-1 rounded flex flex-col justify-center items-center m-3", className := "w-20 h-40 m-1 rounded m-3 relative",
className <-- cardTypeStyle, className <-- cardTypeStyle,
// the diagonal card value \ place text // the diagonal card value \ place text
div( div(
className := "-rotate-45 text-xl", className := "-rotate-45 text-xl absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2",
child.text <-- state.map { child.text <-- state.map {
case NoCard(name) => name case NoCard(name) => name
case CardBack(name) => name case CardBack(name) => name
@ -79,13 +79,12 @@ object TableView {
), ),
// name under viewing the votes // name under viewing the votes
div( div(
className := "text-xl", className := "text-xl absolute bottom-1 left-1/2 transform -translate-x-1/2",
child.text <-- state.map { child.text <-- state.map {
case Open(name, _) => name case Open(name, _) => name
case _ => "" case _ => ""
} }
) )
) )
} }