WebsiteProjects/CountryGuessr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added the glassy class to the GameCreation.jsx

Browse Source
This commit is contained in:
Mathias Wagner 2023-06-09 02:40:39 +02:00
parent 793696b859
commit 63ac275103
2 changed files with 2 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
webui/src/pages/GameCreation/GameCreation.jsx
View File

@ -16,11 +16,11 @@ export const GameCreation = () => {
<div className="right-area"> <div className="right-area">
<div className="settings-area"> <div className="glassy settings-area">
</div> </div>
<button className="start-btn"><FontAwesomeIcon icon={faPlay} /> Starten</button> <button className="glassy start-btn"><FontAwesomeIcon icon={faPlay} /> Starten</button>
</div> </div>
</div> </div>
</div> </div>

8
webui/src/pages/GameCreation/styles.sass
View File

@ -17,10 +17,6 @@
gap: 16vw gap: 16vw
.settings-area .settings-area
background-color: $background
backdrop-filter: blur(10px)
border: 2px solid $border
border-radius: 0.8rem
width: 18rem width: 18rem
height: 25rem height: 25rem
@ -28,13 +24,9 @@
margin-top: 1rem margin-top: 1rem
width: 100% width: 100%
padding: 0.6rem padding: 0.6rem
border-radius: 0.8rem
background-color: $background
backdrop-filter: blur(10px)
color: $white color: $white
font-size: 22pt font-size: 22pt
font-weight: 600 font-weight: 600
border: 2px solid $border
cursor: pointer cursor: pointer
transition: 0.2s transition: 0.2s
display: flex display: flex