add style for actor tiles

render actors got from backend backend test code to get actors
2020-12-11 18:23:13 +00:00
parent 707c54e5f5
commit c5d231d9f2
44 changed files with 1017 additions and 344 deletions
--- a/src/pages/Player/Player.module.css
+++ b/src/pages/Player/Player.module.css
@ -20,10 +20,36 @@
    margin-top: 15px;
 }

-.button {
-    padding: 6px;
-    border-radius: 5px;
-    margin-right: 15px;
-    color: white;
-    border-width: 0;
+.actorcontainer {
+    margin-top: 13px;
+}
+
+.button {
+    border-radius: 5px;
+    border-width: 0;
+    color: white;
+    margin-right: 15px;
+    padding: 6px;
+}
+
+.actorAddTile {
+    float: left;
+    padding-left: 25px;
+    padding-top: 50px;
+    cursor: pointer;
+    color: white;
+    transition: opacity ease 0.5s;
+}
+
+.actorAddTile:hover{
+    opacity: 0.7;
+    transition: opacity ease 0.5s;
+}
+
+.actorAddTile_thumbnail {
+    height: 90px;
+}
+
+.actorAddTile_name {
+    bottom: 0;
 }