💄

Author: Simon he

src/components/MatchingPicture.vue

@@ -158,7 +158,7 @@ function newGame() {
 </script>
 
 <template>
-  <div m-t-5 flex="~ gap-5" justify-center>
+  <div m-y-5 flex="~ gap-5" justify-center>
     <button btn @click="reset">Rest</button>
     <button btn @click="newGame">New Game</button>
   </div>

src/config.ts

@@ -7,5 +7,5 @@ export const ratio = ref<number>(0)
 export const n = ref<number>(4)
 export const loading = ref<boolean>(true)
 export const emptyFlag = "./empty.png";
-export const height = computed(() => ratio.value * 5);
+export const height = computed(() => 1 / ratio.value * 5);