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

Added the glassy class to the ActionCard.jsx

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

2
webui/src/pages/Home/components/ActionCard/ActionCard.jsx
View File

@ -3,7 +3,7 @@ import "./styles.sass";
export const ActionCard = ({ title, icon, onClick }) => { export const ActionCard = ({ title, icon, onClick }) => {
return ( return (
<div className="action-card" onClick={onClick}> <div className="glassy action-card" onClick={onClick}>
<FontAwesomeIcon icon={icon} /> <FontAwesomeIcon icon={icon} />
<h1>{title}</h1> <h1>{title}</h1>
</div> </div>

4
webui/src/pages/Home/components/ActionCard/styles.sass
View File

@ -3,11 +3,7 @@
.action-card .action-card
display: flex display: flex
flex-direction: column flex-direction: column
background-color: $background
padding: 2rem 0 padding: 2rem 0
backdrop-filter: blur(10px)
border: 2px solid $border
border-radius: 1rem
width: 13rem width: 13rem
text-align: center text-align: center
gap: 2rem gap: 2rem