ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-12-14 08:34:25 +03:00
Code Issues Packages Projects Releases Wiki Activity

clock: add background to moon

Browse Source
This commit is contained in:
Tyler Brown Cifu Shuster 2020-10-27 17:02:22 -07:00
parent 0920b83f2d
commit a823913b8c
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
pkg/interface/src/views/apps/launch/components/tiles/clock.js
View File

@ -72,10 +72,19 @@ const Moon = ({ angle, ...props }) => {
<rect x="-50" y="-50" height="200" width="200" fill="black" /> <rect x="-50" y="-50" height="200" width="200" fill="black" />
<path d={dFromPhase(phase)} fill="white"/> <path d={dFromPhase(phase)} fill="white"/>
</mask> </mask>
<circle
id="moonbg"
cx={CX + (RADIUS - 12) * Math.cos(degToRad(angle))}
cy={CY + (RADIUS - 12) * Math.sin(degToRad(angle))}
fill="rgba(255,255,255,0.6)"
r={CELESTIAL_BODY_SIZE / 2}
{...props}
></circle>
<use <use
width={CELESTIAL_BODY_SIZE} width={CELESTIAL_BODY_SIZE}
height={CELESTIAL_BODY_SIZE} height={CELESTIAL_BODY_SIZE}
xlinkHref="#Moon-symbol" xlinkHref="#Moon-symbol"
id="moon"
x={cx} x={cx}
y={cy} y={cy}
transform={`rotate(${angle} ${cx + (CELESTIAL_BODY_SIZE / 2)} ${cy + (CELESTIAL_BODY_SIZE / 2)})`} transform={`rotate(${angle} ${cx + (CELESTIAL_BODY_SIZE / 2)} ${cy + (CELESTIAL_BODY_SIZE / 2)})`}