fix: layout keys

This commit is contained in:
2023-11-01 16:40:18 +01:00
parent 9d33565081
commit a1760d518c
4 changed files with 11 additions and 10 deletions

View File

@@ -41,8 +41,8 @@
{@const p1 = r1 - innerMargin}
{@const r2 = r1 - sizeY + innerMargin * 2}
{@const p2 = r2 - innerMargin}
{@const multiplier = 1.4}
<g style:transform="rotateZ({key.rotate}rad) translate({innerMargin}px, {innerMargin}px)">
{@const multiplier = 1.25}
<g style:transform="rotateZ({key.rotate}deg) translate({innerMargin}px, {innerMargin}px)">
<path
opacity="0.4"
d="M{posX + p1},{posY} a{r1},{r1} 0 0,1 {-p1},{p1} l0,{-(p1 - p2)} a{r2},{r2} 0 0,0 {p2},{-p2}z"
@@ -54,9 +54,9 @@
rotate={-key.rotate}
fontSizeMultiplier={multiplier}
positions={[
[-0.6, -0.6],
[0.6, -0.6],
[-0.6, 0.6],
[-0.5, -0.5],
[0.5, -0.5],
[-0.5, 0.5],
]}
/>
</g>