From d19aebd898af77dbc65fabfc4fe905f72769ccc7 Mon Sep 17 00:00:00 2001
From: Wolfboy248 <georgejvindkarlsen@gmail.com>
Date: Wed, 11 Dec 2024 09:41:13 +0100
Subject: fix/frontend: games page css rehaul, small maplist fixes

---
 frontend/src/css/Games.module.css | 61 +++++++++++++++++++++++++++++++++++++++
 frontend/src/css/Info.module.css  | 21 ++++++++++++++
 2 files changed, 82 insertions(+)
 create mode 100644 frontend/src/css/Games.module.css
 create mode 100644 frontend/src/css/Info.module.css

(limited to 'frontend/src/css')

diff --git a/frontend/src/css/Games.module.css b/frontend/src/css/Games.module.css
new file mode 100644
index 0000000..4c598cd
--- /dev/null
+++ b/frontend/src/css/Games.module.css
@@ -0,0 +1,61 @@
+.content {
+	position: relative;
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+	gap: 24px;
+	margin-top: 24px;
+}
+
+.content a {
+	position: relative;
+	width: 100%;
+}
+
+.game {
+	display: flex;
+	width: 100%;
+	flex-direction: column;
+	overflow: hidden;
+	border-radius: 24px;
+	background-color: var(--primary-dark);
+}
+
+.header {
+	display: flex;
+	overflow: hidden;
+	position: relative;
+	flex: 1;
+}
+
+.header span {
+	position: relative;
+	z-index: 2;
+	display: flex;
+	text-align: center;
+	justify-content: center;
+	width: 100%;
+	padding: 24px 0px;
+	text-wrap: nowrap;
+}
+
+.header div {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: 1;
+	background-size: cover;
+	filter: blur(4px);
+}
+
+.infoBlockContainer {
+	flex: 1;
+	display: flex;
+	gap: 12px;
+	margin: 12px;
+	align-items: center;
+	justify-content: center;
+	height: 50%;
+}
diff --git a/frontend/src/css/Info.module.css b/frontend/src/css/Info.module.css
new file mode 100644
index 0000000..144346e
--- /dev/null
+++ b/frontend/src/css/Info.module.css
@@ -0,0 +1,21 @@
+.infoBlock {
+	background-color: var(--primary);
+	display: flex;
+	width: 100%;
+	border-radius: 18px;
+	text-align: center;
+	justify-content: center;
+	padding: 4px 0px;
+	text-wrap: nowrap;
+}
+
+.infoBlock > div > span:nth-child(1) {
+	margin-top: 0px;
+	font-size: 26px;
+}
+
+.infoBlock > div > span:nth-child(3) {
+	font-size: 50px;
+	font-family: BarlowCondensed-Bold;
+}
+
-- 
cgit v1.2.3