upd: border cards #190

chainhackers · Sep 7, 2023 · c9d5491 · c9d5491
1 parent d72ffb1
commit c9d5491
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 12 deletions.
diff --git a/components/LeftPanel/LeftPanel.module.scss b/components/LeftPanel/LeftPanel.module.scss
@@ -1,5 +1,5 @@
 .container {
-  background-color: var(--gray-lightest);
+  //background-color: var(--gray-lightest);
   border-radius: 1rem;
   margin-right: 25px;
   overflow: hidden;
@@ -9,7 +9,7 @@
   justify-content: space-between;
 
   @media (min-width: 480px) {
-    width: 42rem;
+    width: 45rem;
     height: 61rem;
   }
   @media (max-width: 992px) {

diff --git a/components/Player/Player.module.scss b/components/Player/Player.module.scss
@@ -26,7 +26,7 @@
   padding: 10px;
   margin-right: 5px;
   border-radius: 10px;
-  border: 1px solid var(--light-grey, #e8e8e8);
+  border: 2px solid var(--light-grey, #e8e8e8);
   background: #fff;
 
   align-items: center;
@@ -79,8 +79,8 @@
 }
 
 .highlight {
-  border-radius: 10px;
-  border: 2px solid var(--purple, #8777da);
+  border-radius: 1rem;
+  border: 3px solid var(--purple, #8777da);
   box-shadow: 0px 4px 6px 0px rgba(135, 119, 218, 0.3);
   animation-name: blinking;
   animation-duration: 2s;

diff --git a/components/RightPanel/RightPanel.module.scss b/components/RightPanel/RightPanel.module.scss
@@ -1,10 +1,9 @@
 .container {
   position: relative;
-  width: 710px;
-  height: 610px;
+  width: 71rem;
+  height: 61rem;
   border-radius: 10px;
   background-color: var(--gray-lightest);
-  margin-left: 25px;
   padding-top: 5px;
   padding-left: 15px;
   padding-right: 15px;

diff --git a/pages/games/[gameType].tsx b/pages/games/[gameType].tsx
@@ -1,11 +1,9 @@
 import { useEffect, useState } from 'react';
 import { GetStaticPaths, GetStaticProps, NextPage } from 'next';
 import router, { useRouter } from 'next/router';
-
 import { ParsedUrlQuery } from 'querystring';
 import { XMTPChatLog } from 'components/XMTPChatLog';
 import { Disclaimer, DisclaimerNotice, GameField, GetHistory, JoinGame, LeftPanel, RightPanel, SelectGame, SelectPrize } from 'components';
-
 import styles from 'pages/games/gameType.module.scss';
 import { TicTacToe, PlayerType as TicTacToePlayerType } from 'components/Games/Tic-Tac-Toe';
 import { TicTacToeState } from 'components/Games/Tic-Tac-Toe/types';

diff --git a/pages/games/gameType.module.scss b/pages/games/gameType.module.scss
@@ -1,14 +1,15 @@
 .container {
-  max-width: 1650px;
+  max-width: 169rem;
   margin: 0 auto;
   position: relative;
   background-color: var(--gray-lightest);
   background-color: var(--white);
   display: flex;
+  gap: 0.5rem;
   justify-content: center;
   align-items: center;
   padding-top: 45px;
-  flex-wrap: wrap;
+  //flex-wrap: wrap;
 
   @media (max-width: 992px) {
     margin-top: 50px;