-
- {!myProfile.isPlayer && !myProfile.isAdmin ? (
-
-
-
- You are successfully logged in but don't
- yet have any access permissions. Please
- contact Daithi to get access.
-
+
+
+
+ {!myProfile.isPlayer && !myProfile.isAdmin ? (
+
+
+
+
-
- ) : (
-
- {myProfile.isPlayer ? (
- <>
-
-
-
-
-
- ) : null}
- {myProfile.isPlayer && !myProfile.isAdmin ? (
- <>
-
-
-
-
-
- ) : null}
- {myProfile.isAdmin ?
: null}
-
+
+
+ ) : (
+
+ {myProfile.isPlayer ? (
+
+
+
+ ) : null}
+ {myProfile.isPlayer && !myProfile.isAdmin ? (
+
+
+
+ ) : null}
+ {myProfile.isAdmin ? : null}
+
+ )}
)
}
diff --git a/src/pages/Home/_home.scss b/src/pages/Home/_home.scss
index 8532082..faad98b 100644
--- a/src/pages/Home/_home.scss
+++ b/src/pages/Home/_home.scss
@@ -1,23 +1,3 @@
-.body {
- font-family: $fontFamily;
-}
-.app_body {
- width: auto;
- flex: 1;
- position: relative;
- font-family: $fontFamily;
-}
-
-.data-card {
- background-color: $white;
- opacity: 0.95;
-}
-
-.navBarInner {
- max-width: 800px;
- min-height: 45px;
-}
-
.overflow-hidden {
overflow: hidden;
}
@@ -32,49 +12,7 @@
}
.game_container {
- font-size: 16px;
- line-height: 24px;
- padding: 100px 20px 100px 20px;
-
- &_headerText {
- height: 40px;
- width: 92px;
- color: #000000;
- font-size: $fontSizeH2;
- line-height: 40px;
- font-weight: $fontWeightBold;
- font-family: $fontFamily;
- margin: 0 auto 24px auto;
- }
-
- &_subtext {
- min-height: 44px;
- max-width: 293px;
- color: #0f0f0f;
- font-family: $fontFamily;
- font-size: $fontSizeBody;
- line-height: 22px;
- text-align: center;
- margin: 0 auto 34px auto;
- }
-
- &_text {
- height: auto;
- max-width: 304px;
- color: $black;
- font-family: $fontFamily;
- font-size: 16px;
- line-height: 20px;
- text-align: center;
- margin: 40px auto 20px auto;
-
- &_link {
- color: $blue;
- font-weight: $fontWeightBold;
- font-family: $fontFamily;
- cursor: pointer;
- }
- }
+ padding: 10px 10px 10px 10px;
}
.player-avatar {
@@ -99,246 +37,10 @@
border-radius: 50%;
}
-.image-team1-filter {
- border: solid 4px red;
- filter: saturate(2);
-}
-
-.image-team2-filter {
- border: solid 4px yellow;
- filter: sepia(100%);
-}
-
-.image-team3-filter {
- border: solid 4px blue;
- // filter: invert(100%);
-}
-
-.clickable:hover {
- cursor: pointer;
-}
-
-.thumbnail_size {
- max-width: 100px;
- max-height: 153px;
-}
-
-.thumbnail_size_small {
- max-width: 70px;
- max-height: 100px;
-}
-
-.thumbnail_size_extra_small {
- max-width: 45px;
- max-height: 45px;
-}
-
-.thumbnail_chips {
- max-width: 70px;
- max-height: 70px;
-}
-
-.background_white {
- border-radius: 5px;
- background-color: white;
-}
-
.transparent {
opacity: 0.6;
}
-.diplay_image_size {
- max-width: 512px;
- max-height: 512px;
-}
-
-.dropdown-menu-quizzes {
- // position: absolute;
- /* top: 100%; */
- /* left: 0; */
- z-index: 1000;
- /* display: none; */
- // float: left;
- min-width: 10rem;
- padding: 0 0;
- margin: 0.125rem 0 0;
- font-size: 0.875rem;
- color: #23282c;
- text-align: left;
- list-style: none;
- background-color: white;
- background-clip: padding-box;
- border: 1px solid #c8ced3;
- border-radius: 0.25rem;
-}
-
-.home-tile_wrap {
- max-width: 1140px;
- overflow: overlay;
- margin-left: auto;
- margin-right: auto;
- padding: 20px 40px 0 40px;
- font-size: $fontSizeH2;
- font-family: $fontFamily;
- color: $blackShade2;
- font-weight: $fontWeightBlack;
- line-height: 62px;
- pointer-events: none;
-
- &_sub {
- font-size: $fontSizeBody;
- line-height: 22px;
- font-weight: $fontWeightRegular;
- font-family: $fontFamily;
- pointer-events: none;
- }
-}
-
-.tile_wrap {
- max-width: 1140px;
- overflow: overlay;
- margin-left: auto;
- margin-right: auto;
- padding: 0 40px 0 40px;
-}
-
-.card-product_Stats {
- margin: 35px 0 10px 0;
- overflow: hidden;
- min-height: 340px;
- background: white;
- display: flex;
- align-items: center;
- border-radius: 12px;
- box-shadow: 1px 4px 11px 2px rgba(0, 0, 0, 0.06);
-
- .rwd-table {
- min-width: 300px;
- max-width: 100%;
- margin-bottom: 10px;
- }
-
- .TableBody {
- border: 1px solid $greyshade4;
- }
-
- .rwd-table tr:first-child {
- background: $white;
- color: #808080;
- }
-
- .rwd-table th {
- display: none;
- }
-
- .rwd-table td {
- display: block;
- }
-
- .rwd-table td:first-child {
- margin-top: 0.5em;
- }
-
- .rwd-table td:last-child {
- margin-bottom: 0.5em;
- }
-
- .rwd-table td:before {
- content: attr(data-th) ": ";
- font-weight: $fontWeightBold;
- width: 120px;
- display: inline-block;
- color: $blackShade2;
- }
-
- .rwd-table th,
- .rwd-table td {
- text-align: left;
- border-right: 1px solid $greyshade4;
- }
- .rwd-table th:last-child,
- .rwd-table td:last-child {
- border-right: none;
- }
-
- .rwd-table {
- color: #333;
- overflow-y: scroll;
- }
-
- .rwd-table tr {
- border-color: #bfbfbf;
- }
-
- .rwd-table th,
- .rwd-table td {
- padding: 0.5em 1em;
- }
- @media screen and (max-width: 800px) {
- .rwd-table tr:nth-child(2) {
- border-top: 1px solid $greyshade4 !important ;
- }
-
- .rwd-table tr {
- border-right: none;
- border-bottom: 1px solid $greyshade4;
- }
- }
- @media screen and (min-width: 800px) {
- .game_wrap {
- max-width: 790px;
- }
- .rwd-table tr:hover:not(:first-child) {
- background-color: #d8e7f3;
- }
- .rwd-table td:before {
- display: none;
- }
- .rwd-table th,
- .rwd-table td {
- display: table-cell;
- padding: 0.25em 0.5em;
- }
- .rwd-table th:first-child,
- .rwd-table td:first-child {
- padding-left: 0;
- }
-
- .rwd-table th,
- .rwd-table td {
- padding: 1em !important;
- }
- }
-
- &_textContent {
- margin: 0px 20px 20px 80px;
- }
-
- &_Content {
- font-size: $fontSizeH1;
- line-height: 68px;
- color: #000000;
- font-weight: $fontWeightBold;
- font-family: $fontFamily;
- margin-top: 10px;
- margin-bottom: 15px;
- text-align: left;
- max-width: 600px;
- pointer-events: none;
- }
-
- &_subContent {
- font-size: $fontSizeBody;
- color: black;
- font-weight: 300;
- font-family: $fontFamily;
- margin-top: 14px;
- margin-bottom: 28px;
- text-align: left;
- pointer-events: none;
- }
-}
-
.diplay_image_size {
max-width: 1100px;
max-height: 1024px;
@@ -386,25 +88,6 @@
.tile_wrap {
padding: 0 20px 0 20px;
}
-
- .card-product_Stats {
- margin: 35px 0;
- height: auto;
- display: block;
- margin-left: auto;
- margin-right: auto;
- display: flex;
- flex-direction: column-reverse;
-
- &_textContent {
- margin: 0px 30px 10px 30px;
- }
-
- &_Content {
- margin-top: 28px;
- font-size: 30px;
- }
- }
}
@media only screen and (max-width: 900px) {
@@ -486,11 +169,6 @@
max-width: 460px;
}
- .card-product_StatsHome {
- &_Content {
- font-size: 38px !important ;
- }
- }
}
@media only screen and (max-width: 420px) {
@@ -503,11 +181,6 @@
max-width: 320px;
}
- .card-product_StatsHome {
- &_Content {
- font-size: 38px !important ;
- }
- }
}
@media only screen and (max-width: 385px) {
diff --git a/src/pages/Layout/Layout.tsx b/src/pages/Layout/Layout.tsx
index 0688a44..b97957c 100644
--- a/src/pages/Layout/Layout.tsx
+++ b/src/pages/Layout/Layout.tsx
@@ -5,6 +5,7 @@ import { getAccessToken } from "caches/MyProfileSlice"
import DefaultHeader from "components/Header/Header"
import { useEffect } from "react"
import Loading from "components/icons/Loading"
+import { Box } from "@mui/material"
const AUTH0_AUDIENCE = process.env.REACT_APP_AUTH0_AUDIENCE as string
const AUTH0_SCOPE = process.env.REACT_APP_AUTH0_SCOPE as string
@@ -25,7 +26,9 @@ const Layout = () => {
}, [isLoading, isAuthenticated])
return (
-
+
@@ -43,7 +46,7 @@ const Layout = () => {
-
+
)
}
diff --git a/src/scss/_custom.scss b/src/scss/_custom.scss
index f894f07..2b2fe79 100644
--- a/src/scss/_custom.scss
+++ b/src/scss/_custom.scss
@@ -4,13 +4,6 @@ body {
// Here you can add other styles
.main_content {
- background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='40' height='40' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform='rotate(135)'%3E%3Crect width='100%25' height='100%25' fill='rgba(47, 133, 90,1)'/%3E%3Ccircle cx='40' cy='20' r='1' fill='%231a202c'/%3E%3Ccircle cx='0' cy='20' r='1' fill='%231a202c'/%3E%3Ccircle cx='20' cy='40' r='1' fill='%231a202c'/%3E%3Ccircle cx='20' cy='0' r='1' fill='%231a202c'/%3E%3Ccircle cx='38' cy='2' r='1' fill='%23ecc94b'/%3E%3Ccircle cx='2' cy='38' r='1' fill='%23ecc94b'/%3E%3Ccircle cx='38' cy='38' r='1' fill='%23ecc94b'/%3E%3Ccircle cx='2' cy='2' r='1' fill='%23ecc94b'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E ");
- background-color: #2f855a;
- position: fixed;
- width: 100%;
- height: 100%;
- overflow: overlay;
-
&_mainBody {
width: 100%;
}