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

Edit clock size

Browse Source
This commit is contained in:
Lucàs
2023-06-20 22:23:20 +02:00
parent 106191c45a
commit b7ab6be308
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/widget/clock/index.astro
+7 -7
View File
@@ -8,7 +8,7 @@ import type LineState from '../../../models/LineState';
import type CircleState from '../../../models/CircleState'; import type CircleState from '../../../models/CircleState';
import {buildDials, buildTimeIndicators} from './utils'; import {buildDials, buildTimeIndicators} from './utils';
const canvas = {size: 500}; const canvas = {size: 400};
const centerPoint: PointState = { const centerPoint: PointState = {
x: canvas.size / 2, x: canvas.size / 2,
@@ -68,8 +68,8 @@ const hoursPosition = calculatePosition(canvas.size / 2.5, (serverTime.getHours(
<animateTransform attributeName="transform" <animateTransform attributeName="transform"
attributeType="XML" attributeType="XML"
type="rotate" type="rotate"
from="0 250 250" from={`0 ${centerPoint.x} ${centerPoint.x}`}
to="360 250 250" to={`360 ${centerPoint.x} ${centerPoint.y}`}
dur="86400s" dur="86400s"
repeatCount="indefinite"/> repeatCount="indefinite"/>
</Circle> </Circle>
@@ -77,8 +77,8 @@ const hoursPosition = calculatePosition(canvas.size / 2.5, (serverTime.getHours(
<animateTransform attributeName="transform" <animateTransform attributeName="transform"
attributeType="XML" attributeType="XML"
type="rotate" type="rotate"
from="0 250 250" from={`0 ${centerPoint.x} ${centerPoint.x}`}
to="360 250 250" to={`360 ${centerPoint.x} ${centerPoint.y}`}
dur="3600s" dur="3600s"
repeatCount="indefinite"/> repeatCount="indefinite"/>
</Circle> </Circle>
@@ -86,8 +86,8 @@ const hoursPosition = calculatePosition(canvas.size / 2.5, (serverTime.getHours(
<animateTransform attributeName="transform" <animateTransform attributeName="transform"
attributeType="XML" attributeType="XML"
type="rotate" type="rotate"
from="0 250 250" from={`0 ${centerPoint.x} ${centerPoint.x}`}
to="360 250 250" to={`360 ${centerPoint.x} ${centerPoint.y}`}
dur="60s" dur="60s"
repeatCount="indefinite"/> repeatCount="indefinite"/>
</Circle> </Circle>