Merge pull request #53 from JacobLinCool/fix/webkit-display-problems

fix: webkit display problems

Author: JacobLinCool

src/core/elements.ts

@@ -141,19 +141,19 @@ export function TotalSolved(total: number, solved: number) {
             new Item("circle", {
                 id: "total-solved-bg",
                 style: {
-                    cx: 40,
-                    cy: 40,
-                    r: 40,
+                    cx: "40px",
+                    cy: "40px",
+                    r: "40px",
                     stroke: "var(--bg-1)",
                     "stroke-width": "6px",
                 },
             }),
             new Item("circle", {
                 id: "total-solved-ring",
                 style: {
-                    cx: 40,
-                    cy: 40,
-                    r: 40,
+                    cx: "40px",
+                    cy: "40px",
+                    r: "40px",
                     transform: "rotate(-90deg)",
                     "transform-origin": "40px 40px",
                     "stroke-dasharray": `${(80 * Math.PI * solved) / total} 10000`,

src/core/exts/contest.ts

@@ -169,8 +169,7 @@ export function ContestExtension(generator: Generator): Extension {
                             href: image,
                         },
                         style: {
-                            x: 300,
-                            y: 10,
+                            transform: "translate(300px, 10px)",
                             width: "48px",
                             height: "48px",
                             opacity: generator.config.animation !== false ? 0 : 1,