fix bug

src/components/BowTarget.vue

@@ -212,7 +212,9 @@ onMounted(() => {
 }
 .target {
   position: relative;
-  padding: 10px;
+  margin: 10px;
+  width: calc(100% - 20px);
+  height: calc(100% - 20px);
 }
 .e-value {
   position: absolute;
@@ -244,6 +246,7 @@ onMounted(() => {
 }
 .target > image:last-child {
   width: 100%;
+  height: 100%;
 }
 .hit {
   position: absolute;
@@ -261,6 +264,7 @@ onMounted(() => {
   display: flex;
   justify-content: center;
   align-items: center;
+  /* transform: translate(-50%, -50%); */
 }
 .hit > text {
   transform: scaleX(0.7) translateY(-0.5px);