Added the glassy class to the Member.jsx
This commit is contained in:
parent
63ac275103
commit
dee39d4da7
@ -3,7 +3,7 @@ import {faUser} from "@fortawesome/free-solid-svg-icons";
|
|||||||
import "./styles.sass";
|
import "./styles.sass";
|
||||||
|
|
||||||
export const Member = ({name}) => (
|
export const Member = ({name}) => (
|
||||||
<div className="member">
|
<div className="glassy member">
|
||||||
<FontAwesomeIcon icon={faUser} />
|
<FontAwesomeIcon icon={faUser} />
|
||||||
<p>{name}</p>
|
<p>{name}</p>
|
||||||
</div>
|
</div>
|
||||||
|
@ -6,10 +6,6 @@
|
|||||||
gap: 0.5rem
|
gap: 0.5rem
|
||||||
flex-direction: column
|
flex-direction: column
|
||||||
align-items: center
|
align-items: center
|
||||||
background-color: $background
|
|
||||||
backdrop-filter: blur(10px)
|
|
||||||
border: 2px solid $border
|
|
||||||
border-radius: 0.8rem
|
|
||||||
cursor: pointer
|
cursor: pointer
|
||||||
transition: transform 0.2s ease-in-out
|
transition: transform 0.2s ease-in-out
|
||||||
text-align: center
|
text-align: center
|
||||||
|
Loading…
x
Reference in New Issue
Block a user