From cfac59282da55f4791d6352f15887a15e9ff6ec5 Mon Sep 17 00:00:00 2001
From: Wolfboy248 <121288977+Wolfboy248@users.noreply.github.com>
Date: Wed, 10 Jul 2024 21:51:25 +0200
Subject: Games page, maplist page (#153)

Co-authored-by: Wolfboy248 <105884620+Wolfboy248@users.noreply.github.com>
---
 frontend/src/components/pages/games.css | 99 +++++++++++++++++++++++++++++++++
 1 file changed, 99 insertions(+)
 create mode 100644 frontend/src/components/pages/games.css

(limited to 'frontend/src/components/pages/games.css')

diff --git a/frontend/src/components/pages/games.css b/frontend/src/components/pages/games.css
new file mode 100644
index 0000000..ec57a71
--- /dev/null
+++ b/frontend/src/components/pages/games.css
@@ -0,0 +1,99 @@
+.games-page {
+    position: absolute;
+    left: 320px;
+    color: white;
+    width: calc(100% - 320px);
+    height: 100%;
+    font-family: BarlowSemiCondensed-Regular;
+    color: #ffffff;
+    overflow-y: scroll;
+    scrollbar-width: thin;
+}
+
+.games-page-item-content {
+    position: absolute;
+    left: 50px;
+    width: calc(100% - 100px);
+}
+
+.games-page-item-content a {
+    color: inherit;
+}
+
+.games-page-header {
+    margin-top: 50px;
+    margin-left: 50px;
+}
+
+span>b {
+    font-size: 56px;
+    font-family: BarlowCondensed-Bold;
+}
+
+.loader-game {
+    width: 100%;
+    height: 256px;
+    border-radius: 24px;
+    overflow: hidden;
+    margin: 25px 0px;
+}
+
+.games-page-item {
+    width: 100%;
+    height: 256px;
+    background: #202232;
+    border-radius: 24px;
+    overflow: hidden;
+    margin: 25px 0px;
+}
+
+.games-page-item-header {
+    width: 100%;
+    height: 50%;
+    background-size: cover;
+    overflow: hidden;
+}
+
+.games-page-item-header-img {
+    width: 100%;
+    height: 100%;
+    backdrop-filter: blur(4px);
+    filter: blur(4px);
+    background-size: cover;
+}
+
+.games-page-item-header span>b {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    transform: translateY(-100%);
+}
+
+.games-page-item-body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 50%;
+}
+
+.games-page-item-body-item {
+    background: #2B2E46;
+    text-align: center;
+    width: max-content;
+    width: calc(100% - 24px);
+    height: 100px;
+    border-radius: 24px;
+    color: #CDCFDF;
+    margin: 12px;
+}
+
+.games-page-item-body-item-title {
+    margin-top: 0px;
+    font-size: 26px;
+}
+
+.games-page-item-body-item-num {
+    font-size: 50px;
+    font-family: BarlowCondensed-Bold;
+}
\ No newline at end of file
-- 
cgit v1.2.3