fix(app-board): update game rules overlay

eficode · Feb 22, 2021 · 8278262 · 8278262
1 parent dbf5b66
commit 8278262
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 32 deletions.
diff --git a/packages/game-app/src/_shared/components/Button/Button.styled.tsx b/packages/game-app/src/_shared/components/Button/Button.styled.tsx
@@ -4,7 +4,7 @@ import Icon from '../Icon';
 import Spinner from '../Spinner';
 import Typography from '../Typography';
 
-export type Variants = 'default' | 'clear' | 'secondary';
+export type Variants = 'default' | 'clear' | 'secondary' | 'clearBold';
 
 export const StyledButton = styled('button')<{ variant: Variants }>`
   height: 40px;
@@ -42,6 +42,12 @@ export const StyledButton = styled('button')<{ variant: Variants }>`
         color: 'white',
         p: '2px 16px',
       },
+      clearBold: {
+        bg: 'transparent',
+        color: 'white',
+        p: '2px 16px',
+        fontWeight: '600',
+      },
       secondary: {
         bg: 'transparent',
         p: '4px 16px',

diff --git a/packages/game-app/src/assets/images/cards/rule-card-4.svg b/packages/game-app/src/assets/images/cards/rule-card-4.svg
diff --git a/packages/game-app/src/assets/images/cards/rule-card-5.svg b/packages/game-app/src/assets/images/cards/rule-card-5.svg
diff --git a/packages/game-app/src/gameView/components/RulesOverlay/RulesOverlay.tsx b/packages/game-app/src/gameView/components/RulesOverlay/RulesOverlay.tsx
@@ -42,7 +42,7 @@ const RulesOverlay: React.FC<Props> = ({ isOpen, close }) => {
       <RulesOverlayContent>
         <Box>
           <Button
-            variant="clear"
+            variant="clearBold"
             onClick={close}
             leftIconHover={<ArrowHoverIcon />}
             leftIcon={<ArrowIcon />}