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 (