From 63ac275103480dae0e5019bc57404674065e80fa Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Fri, 9 Jun 2023 02:40:39 +0200
Subject: [PATCH] Added the glassy class to the GameCreation.jsx

---
 webui/src/pages/GameCreation/GameCreation.jsx | 4 ++--
 webui/src/pages/GameCreation/styles.sass      | 8 --------
 2 files changed, 2 insertions(+), 10 deletions(-)

diff --git a/webui/src/pages/GameCreation/GameCreation.jsx b/webui/src/pages/GameCreation/GameCreation.jsx
index 38b0b17..64c1a52 100644
--- a/webui/src/pages/GameCreation/GameCreation.jsx
+++ b/webui/src/pages/GameCreation/GameCreation.jsx
@@ -16,11 +16,11 @@ export const GameCreation = () => {
 
                 <div className="right-area">
 
-                    <div className="settings-area">
+                    <div className="glassy settings-area">
 
                     </div>
 
-                    <button className="start-btn"><FontAwesomeIcon icon={faPlay} /> Starten</button>
+                    <button className="glassy start-btn"><FontAwesomeIcon icon={faPlay} /> Starten</button>
                 </div>
             </div>
         </div>
diff --git a/webui/src/pages/GameCreation/styles.sass b/webui/src/pages/GameCreation/styles.sass
index ab33c3c..dfbbdc4 100644
--- a/webui/src/pages/GameCreation/styles.sass
+++ b/webui/src/pages/GameCreation/styles.sass
@@ -17,10 +17,6 @@
   gap: 16vw
 
 .settings-area
-  background-color: $background
-  backdrop-filter: blur(10px)
-  border: 2px solid $border
-  border-radius: 0.8rem
   width: 18rem
   height: 25rem
 
@@ -28,13 +24,9 @@
   margin-top: 1rem
   width: 100%
   padding: 0.6rem
-  border-radius: 0.8rem
-  background-color: $background
-  backdrop-filter: blur(10px)
   color: $white
   font-size: 22pt
   font-weight: 600
-  border: 2px solid $border
   cursor: pointer
   transition: 0.2s
   display: flex