fix(my-joy-beta): fix play color
This commit is contained in:
parent
2c24ce536d
commit
74d6968ce7
@ -1,26 +0,0 @@
|
||||
import React from 'react';
|
||||
import Colors from './colors';
|
||||
|
||||
export default ({ light = false, disabled, ...rest }) => (
|
||||
<Colors white secondary>
|
||||
{({ white, text }) => (
|
||||
<svg
|
||||
width="18"
|
||||
height="20"
|
||||
viewBox="0 0 18 20"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...rest}
|
||||
>
|
||||
<path
|
||||
fill={light ? white : text}
|
||||
style={{
|
||||
transform: 'rotate(90deg) translateX(-2px) translateY(1px)',
|
||||
transformOrigin: '50%'
|
||||
}}
|
||||
d="M 2.33975 15L 1.47372 14.5L 2.33975 15ZM 19.6603 15L 18.7942 15.5L 19.6603 15ZM 18.7942 16.5L 18.7942 15.5L 18.7942 16.5ZM 11.866 1.5L 12.7321 1L 11.866 1.5ZM 10.134 1.5L 11 2L 10.134 1.5ZM 11 2L 18.7942 15.5L 20.5263 14.5L 12.7321 1L 11 2ZM 18.7942 15.5L 3.20577 15.5L 3.20577 17.5L 18.7942 17.5L 18.7942 15.5ZM 3.20577 15.5L 11 2L 9.26795 1L 1.47372 14.5L 3.20577 15.5ZM 3.20577 15.5L 3.20577 15.5L 1.47372 14.5C 0.70392 15.8333 1.66617 17.5 3.20577 17.5L 3.20577 15.5ZM 18.7942 15.5L 18.7942 15.5L 18.7942 17.5C 20.3338 17.5 21.2961 15.8333 20.5263 14.5L 18.7942 15.5ZM 12.7321 1C 11.9622 -0.333334 10.0377 -0.333332 9.26795 1L 11 2L 11 2L 12.7321 1Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Colors>
|
||||
);
|
@ -22,33 +22,33 @@ export default ({
|
||||
<svg
|
||||
width="15"
|
||||
height="15"
|
||||
viewBox="0 0 15 15"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<g transform="translate(18292 -19563)">
|
||||
<g>
|
||||
<mask id={ids[0]}>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
transform="rotate(90 -18921 643)"
|
||||
d="M-1-1h15v15H-1z"
|
||||
/>
|
||||
<use
|
||||
xlinkHref={`#${ids[1]}`}
|
||||
transform="rotate(90 -18921 643)"
|
||||
/>
|
||||
</mask>
|
||||
<g mask={`url(#${ids[0]})`}>
|
||||
<use
|
||||
xlinkHref={`#${ids[2]}`}
|
||||
transform="rotate(90 -18921 643)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
<mask id={ids[0]}>
|
||||
<rect
|
||||
fill="#fff"
|
||||
x={-1}
|
||||
y={-1}
|
||||
width={15}
|
||||
height={15}
|
||||
transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
|
||||
/>
|
||||
<use
|
||||
xlinkHref={`#${ids[1]}`}
|
||||
fill="#000"
|
||||
transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
|
||||
/>
|
||||
</mask>
|
||||
<g mask={`url(#${ids[0]}`}>
|
||||
<use
|
||||
xlinkHref={`#${ids[2]}`}
|
||||
transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
@ -67,3 +67,6 @@ export default ({
|
||||
)}
|
||||
</Colors>
|
||||
);
|
||||
|
||||
|
||||
;
|
||||
|
Loading…
Reference in New Issue
Block a user