Make region svg paths absolute

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>
This commit is contained in:
2024-04-18 08:45:44 -07:00
parent 562ef0821c
commit 5febf32884

View File

@@ -1,11 +1,11 @@
<template> <template>
<svg width="100%" height="100%" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <svg width="100%" height="100%" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g stroke="none" :fill="fillColor" > <g stroke="none" :fill="fillColor" >
<path d="m 22,8.25 -1.25,-0.75 L 20.25,6.5 19,6 V 5 L 18.25,6 16,7.75 13.5,8.75 h -5 L 7,9 6,9.75 5,11 l -0.75,1.5 -0.75,1.5 -1,1 L 2,15.5 l 0.5,0.25 1,-0.25 L 4.5,14.25 l 1,-2 1.25,-1.5 0.25,1.25 0.25,1.25 -0.75,2.25 0.5,3.5 h 1 v -0.5 l -0.5,-0.25 0.25,-2.5 2,-3.5 2.25,0.75 3.25,0.5 0.25,3.75 0.5,1.75 h 1 l 0,-0.5 -0.5,-0.25 0,-2.75 0.5,-2.5 0.75,-2.25 1.25,-2 h 1 l 1.25,0.25 z" style="opacity: .4;"/> <path d="M22,8.25 20.75,7.5 20.25,6.5 19,6 V5 L18.25,6 16,7.75 13.5,8.75 H8.5 L7,9 6,9.75 5,11 L4.25,12.5 3.5,14 2.5,15 2,15.5 2.5,15.75 3.5,15.5 4.5,14.25 5.5,12.25 6.75,10.75 7,12 7.25,13.25 6.5,15.5 7,19 H8 V 18.5 L7.5,18.25 7.75,15.75 9.75,12.25 12,13 15.25,13.5 15.5,17.25 16,19 H17 V18.5 L16.5,18.25 V15.5 L17,13 17.75,10.75 19,8.75 H20 L21.25,9 Z" style="opacity: .4;"/>
<path v-if="region == 0" d="M 16,7.75 13.5,8.75 12,13 15.25,13.5 17,13 l 0.75,-2.25 z" fill-rule="evenodd" :fill="fillColor" /> <path v-if="region == 0" d="M16,7.75 13.5,8.75 12,13 15.25,13.5 17,13 17.75,10.75 Z" fill-rule="evenodd" :fill="fillColor" />
<path v-else-if="region ==1" d="m 13.5,8.75 h -5 L 7,9 6,9.75 5,11 l -0.75,1.5 -0.75,1.5 -1,1 L 2,15.5 2.5,15.75 3.5,15.5 4.5,14.25 5.5,12.25 6.75,10.75 7,12 9.75,12.25 12,13 Z" :fill="fillColor" fill-rule="evenodd"/> <path v-else-if="region ==1" d="M13.5,8.75 H8.5 L7,9 6,9.75 5,11 4.25,12.5 3.5,14 2.5,15 2,15.5 2.5,15.75 3.5,15.5 4.5,14.25 5.5,12.25 6.75,10.75 7,12 9.75,12.25 12,13 Z" :fill="fillColor" fill-rule="evenodd"/>
<path v-else-if="region == 2" d="M 14,11.75 15.25,13.5 15.5,17.25 16,19 h 1 l 0,-0.5 L 16.5,18.25 l 0,-2.75 0.5,-2.5 0.75,-2.25 L 16.75,9.25 15,8.5 14,9 Z M 10,9.25 8.5,9 7,9.5 6.75,10.75 7,12 l 0.25,1.25 -0.75,2.25 0.5,3.5 H 8 V 18.5 L 7.5,18.25 7.75,15.75 9.75,12.25 10.25,10.75 Z" :fill="fillColor" fill-rule="evenodd"/> <path v-else-if="region == 2" d="M14,11.75 15.25,13.5 15.5,17.25 16,19 H17 V18.5 L16.5,18.25 V15.5 L17,13 17.75,10.75 16.75,9.25 15,8.5 14,9 Z M10,9.25 8.5,9 7,9.5 6.75,10.75 7,12 7.25,13.25 6.5,15.5 7,19 H8 V18.5 L7.5,18.25 7.75,15.75 9.75,12.25 10.25,10.75 Z" :fill="fillColor" fill-rule="evenodd"/>
<path v-else-if="region == 3" d="m 22,8.25 -1.25,-0.75 L 20.25,6.5 19,6 V 5 L 18.25,6 16,7.75 17.75,10.75 l 1.25,-2 h 1 l 1.25,0.25 z" :fill="fillColor" fill-rule="evenodd"/> <path v-else-if="region == 3" d="M22,8.25 20.75,7.5 20.25,6.5 19,6 V5 L18.25,6 16,7.75 17.75,10.75 19,8.75 H20 L21.25,9 Z" :fill="fillColor" fill-rule="evenodd"/>
</g> </g>
</svg> </svg>
</template> </template>