mobile arrows

This commit is contained in:
ntr 2019-05-03 20:46:07 +10:00
parent fe93637d29
commit f58ad3307b
2 changed files with 7 additions and 2 deletions

View File

@ -797,8 +797,8 @@ table td svg {
.game .target-svg { .game .target-svg {
flex: 1; flex: 1;
min-width: 20%;
height: 94%; height: 94%;
max-width: 100%;
} }
.game .target-svg path { .game .target-svg path {
@ -1042,4 +1042,9 @@ CRYP DAMAGE
.hidden { .hidden {
display: none; display: none;
} }
.game .target-svg path {
transform-origin: center;
transform: rotate(-90deg);
}
} }

View File

@ -56,7 +56,7 @@ function TargetSvg(args) {
: outgoing.map(getPath); : outgoing.map(getPath);
return ( return (
<svg viewBox="0 0 900 900" preserveAspectRatio="none" className="target-svg" transform='rotate(-90)'> <svg viewBox="0 0 900 900" preserveAspectRatio="none" className="target-svg">
{arrows} {arrows}
</svg> </svg>
); );