|
|
|
@ -48,15 +48,14 @@ const CrownWrapper = styled.div`
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
justify-content: center;
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
bottom: 0%;
|
|
|
|
bottom: 11%;
|
|
|
|
right: 12%;
|
|
|
|
right: 11%;
|
|
|
|
height: 20px;
|
|
|
|
height: 18px;
|
|
|
|
width: 20px;
|
|
|
|
width: 18px;
|
|
|
|
transform: translate(20%, 20%); // getting over 23% creates a glitch
|
|
|
|
transform: translate(20%, 20%); // getting over 23% creates a glitch
|
|
|
|
color: #f7c347;
|
|
|
|
color: #f7c347;
|
|
|
|
background: var(--background-primary-color);
|
|
|
|
background: var(--background-primary-color);
|
|
|
|
border-radius: 50%;
|
|
|
|
border-radius: 50%;
|
|
|
|
box-shadow: var(--drop-shadow);
|
|
|
|
|
|
|
|
`;
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
|
|
export const CrownIcon = () => {
|
|
|
|
export const CrownIcon = () => {
|
|
|
|
|
William Grant
1 year ago