Fixed iOS Safari

imkunet · Mar 5, 2024 · 219a111 · 219a111
1 parent b9f5495
commit 219a111
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/pages/Game.tsx b/src/pages/Game.tsx
@@ -316,7 +316,7 @@ function Game() {
               {solutionShown() && '🤖'}
               {wizard() && !solutionShown() && '🧙‍♂️'}
               <button onClick={reset}>
-                <TbDice />
+                <TbDice style={{ color: 'var(--color-text-secondary)' }} />
               </button>
               <button
                 onClick={() => {
@@ -478,7 +478,7 @@ function Game() {
               exit={{ scale: 0.9, opacity: 0 }}
             >
               <button onClick={reset}>
-                <TbDice />
+                <TbDice style={{ color: 'var(--color-text-secondary)' }} />
               </button>
             </Motion.div>
           </Show>

diff --git a/src/styles/game.css b/src/styles/game.css
@@ -61,13 +61,13 @@
   margin-top: 1rem;
   margin-bottom: 1rem;
   font-size: 2rem;
-  color: var(--color-text-secondary) !important;
 }
 
 .button-bar {
   display: flex;
   flex-direction: row;
   align-items: center;
+  justify-content: flex-end;
   gap: 0.5rem;
 }
 
@@ -82,6 +82,7 @@
   font-size: inherit;
   outline: none;
   border: none;
+  padding: 0;
 }
 
 .container {
@@ -130,6 +131,7 @@
   border: none;
   outline: none;
   background: var(--game-unrevealed);
+  color: var(--color-text);
   cursor: pointer;
   pointer-events: all;