lucasvbr/notion-widgets
1
0
Fork 0
mirror of https://github.com/LucasVbr/notion-widgets.git synced 2026-05-13 17:21:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove border to svg

Browse Source
This commit is contained in:
Lucàs
2023-06-20 22:10:41 +02:00
parent acd613800d
commit 106191c45a
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/widget/clock/index.astro
+5 -5
View File
@@ -42,14 +42,14 @@ const calculatePosition = (offset: number, angle: number) => {
y: centerPoint.y + offset * Math.sin(angle), y: centerPoint.y + offset * Math.sin(angle),
}; };
} }
const secondsPosition = calculatePosition(100, (serverTime.getSeconds() + 45) * ((Math.PI * 2) / 60)) const secondsPosition = calculatePosition(canvas.size / 5, (serverTime.getSeconds() + 45) * ((Math.PI * 2) / 60))
const minutesPosition = calculatePosition(150, (serverTime.getMinutes() + 45) * ((Math.PI * 2) / 60)) const minutesPosition = calculatePosition(canvas.size / (3 + 1/3), (serverTime.getMinutes() + 45) * ((Math.PI * 2) / 60))
const hoursPosition = calculatePosition(200, (serverTime.getHours() + 18) * ((Math.PI * 2) / 24)) const hoursPosition = calculatePosition(canvas.size / 2.5, (serverTime.getHours() + 18) * ((Math.PI * 2) / 24))
--- ---
<Layout> <Layout>
<main class="min-h-screen w-scren"> <main class="min-h-screen w-scren flex justify-center items-center">
<svg width={canvas.size} height={canvas.size} class="border-2"> <svg width={canvas.size} height={canvas.size}>
{dials.map((circle) => <Circle circle={circle}/>)} {dials.map((circle) => <Circle circle={circle}/>)}
{timeIndicators.map((line) => <Line line={line}/>)} {timeIndicators.map((line) => <Line line={line}/>)}
<Circle circle={{point: centerPoint, radius: 20, fill: "gray", stroke: 0}} /> <Circle circle={{point: centerPoint, radius: 20, fill: "gray", stroke: 0}} />