fix: Popup design

This commit is contained in:
Simon 2023-05-03 15:39:20 +02:00
parent 4d9445d3c5
commit da9fd594a4
1 changed files with 27 additions and 27 deletions

View File

@ -52,8 +52,8 @@ function validatePopup() {
).checked = true;
showHidePopup();
}
const h = ref(0);
const d = ref(0);
const h = ref(1);
const d = ref(1);
</script>
<template>
@ -106,6 +106,20 @@ const d = ref(0);
<button class="btn calculette" @click="showHidePopup">
<img src="/abacus.svg" alt="" />
</button>
</template>
<button class="btn next" @click="$emit('nextQuestion')">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 40 40"
width="40"
height="40"
>
<path
d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"
></path>
</svg>
</button>
</div>
<template v-if="displayPopup">
<div class="popup">
<button class="btn close" @click="showHidePopup">
@ -132,20 +146,6 @@ const d = ref(0);
</div>
</template>
</template>
<button class="btn next" @click="$emit('nextQuestion')">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 40 40"
width="40"
height="40"
>
<path
d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"
></path>
</svg>
</button>
</div>
</template>
<style lang="sass">
.btns