LumeWeb
/
sdk
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: fourth pass at CircularProgress

This commit is contained in:
Derrick Hammer 2023-10-13 02:31:22 -04:00
parent 4d54603ee5
commit c18fc924a4
Signed by: pcfreak30
GPG Key ID: C997C339BE476FF2
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/lume/LumeDashboard/LumeDashboard.tsx
View File

@ -125,7 +125,7 @@ const CircularProgress = ({
chain: Network; chain: Network;
className?: string; className?: string;
}) => { }) => {
const size = 60; const size = 70;
const progressWidth = 2; const progressWidth = 2;
const circleWidth = 2; const circleWidth = 2;
const radius = size / 2 - 10; const radius = size / 2 - 10;
@ -166,12 +166,12 @@ const CircularProgress = ({
fill="transparent" fill="transparent"
strokeDasharray={`${circumference}px`}></circle> strokeDasharray={`${circumference}px`}></circle>
<text <text
x="21px" x="27px"
y="32px" y="39px"
fill="currentColor" fill="currentColor"
fontSize={`${fontSize}px`} fontSize={`${fontSize}px`}
fontWeight="normal" fontWeight="normal"
style={{ transform: "rotate(90deg) translate(0px, -56px)" }}> style={{ transform: "rotate(90deg) translate(0px, -66px)" }}>
{chain.sync} {chain.sync}
</text> </text>
</svg> </svg>