Weko
/
ceiba-scores
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/Question.vue
View File

@ -52,8 +52,8 @@ function validatePopup() {
).checked = true; ).checked = true;
showHidePopup(); showHidePopup();
} }
const h = ref(0); const h = ref(1);
const d = ref(0); const d = ref(1);
</script> </script>
<template> <template>
@ -106,6 +106,20 @@ const d = ref(0);
<button class="btn calculette" @click="showHidePopup"> <button class="btn calculette" @click="showHidePopup">
<img src="/abacus.svg" alt="" /> <img src="/abacus.svg" alt="" />
</button> </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"> <template v-if="displayPopup">
<div class="popup"> <div class="popup">
<button class="btn close" @click="showHidePopup"> <button class="btn close" @click="showHidePopup">
@ -131,20 +145,6 @@ const d = ref(0);
</button> </button>
</div> </div>
</template> </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> </template>
<style lang="sass"> <style lang="sass">