Enhance some board component style
This commit is contained in:
parent
16df19ce6e
commit
cd474459cd
4 changed files with 7 additions and 3 deletions
|
@ -7,7 +7,7 @@ const Token = ({ size = 50, color = "#b3b3b3" }) => {
|
|||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
version="1.1"
|
||||
viewBox="0 0 13.229166 13.229167"
|
||||
viewBox="2.5 2.5 8.5 8.5"
|
||||
height={size}
|
||||
width={size}
|
||||
>
|
||||
|
|
|
@ -7,8 +7,8 @@ const Meeple = ({ size = 50, color = "#b3b3b3" }) => {
|
|||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
version="1.1"
|
||||
viewBox="0 0 13.492827 10.775362"
|
||||
height={(size / 5) * 4}
|
||||
viewBox="1 1 11 7"
|
||||
height={size}
|
||||
width={size}
|
||||
>
|
||||
<defs id="defs3017">
|
||||
|
|
|
@ -6,6 +6,8 @@ const Rect = styled.div`
|
|||
width: ${width}px;
|
||||
height: ${height}px;
|
||||
background-color: ${color};
|
||||
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
|
||||
rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
|
||||
`}
|
||||
`;
|
||||
|
||||
|
|
|
@ -11,6 +11,8 @@ const StyledRound = styled.div`
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
|
||||
rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
|
||||
`}
|
||||
`;
|
||||
|
||||
|
|
Loading…
Reference in a new issue