diff --git a/client/assets/styles/game.css b/client/assets/styles/game.css
index db7391a4..aa313bdb 100644
--- a/client/assets/styles/game.css
+++ b/client/assets/styles/game.css
@@ -113,10 +113,6 @@
}
@media (max-width: 1500px) {
- .game {
- font-size: 12pt;
- }
-
.game-cryp figure {
padding: 0 0.25em;
}
@@ -171,7 +167,6 @@
.game-cryp button[disabled], .game-cryp button[disabled]:hover {
color: #333333;
- font-size: 14pt;
text-decoration: line-through
}
diff --git a/client/assets/styles/styles.mobile.css b/client/assets/styles/styles.mobile.css
index 39707849..ededd5af 100644
--- a/client/assets/styles/styles.mobile.css
+++ b/client/assets/styles/styles.mobile.css
@@ -1,6 +1,6 @@
@media (max-height: 800px), (max-width: 1000px) {
#cryps {
- font-size: 12pt;
+ font-size: 8pt;
padding: 0;
grid-template-columns: min-content 1fr;
grid-template-rows: min-content 1fr;
@@ -9,6 +9,10 @@
"main main";
}
+ button {
+ font-size: 8pt;
+ }
+
table td {
height: 2.5em;
}
@@ -27,15 +31,8 @@
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
+ }
- }
-/* main {
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
-*/
#toggle-nav { display: none; }
#toggle-nav-label {
diff --git a/client/src/utils.jsx b/client/src/utils.jsx
index 91677b88..fb5feb6d 100644
--- a/client/src/utils.jsx
+++ b/client/src/utils.jsx
@@ -80,10 +80,10 @@ function clearAnimation(id) {
}
function crypAvatar(name, id) {
- // useEffect(() => {
- // animateCryp(id);
- // return () => clearAnimation(id);
- // });
+ useEffect(() => {
+ animateCryp(id);
+ return () => clearAnimation(id);
+ });
return (
{
- // animateCryp(id);
- // return () => clearAnimation(id);
- // });
+ useEffect(() => {
+ animateCryp(id);
+ return () => clearAnimation(id);
+ });
return (