|
|
|
@ -53,7 +53,6 @@ const CrownWrapper = styled.div`
|
|
|
|
|
height: 18px;
|
|
|
|
|
width: 18px;
|
|
|
|
|
transform: translate(20%, 20%); // getting over 23% creates a glitch
|
|
|
|
|
color: #f7c347;
|
|
|
|
|
background: var(--background-primary-color);
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
`;
|
|
|
|
@ -61,7 +60,12 @@ const CrownWrapper = styled.div`
|
|
|
|
|
export const CrownIcon = () => {
|
|
|
|
|
return (
|
|
|
|
|
<CrownWrapper>
|
|
|
|
|
<SessionIcon iconSize={'small'} iconType="crown" iconPadding="1px 0 0 0 " />
|
|
|
|
|
<SessionIcon
|
|
|
|
|
iconColor="#f7c347"
|
|
|
|
|
iconSize={'small'}
|
|
|
|
|
iconType="crown"
|
|
|
|
|
iconPadding="1px 0 0 0 "
|
|
|
|
|
/>
|
|
|
|
|
</CrownWrapper>
|
|
|
|
|
);
|
|
|
|
|
};
|
|
|
|
|