feat: Design ajout d'un logo pour le téléchargement
continuous-integration/drone/push Build is failing Details

This commit is contained in:
Simon 2023-05-02 23:28:28 +02:00
parent ce5b3ec3ab
commit 0d13783421
2 changed files with 28 additions and 3 deletions

View File

@ -26,7 +26,6 @@ function slideMove(splide, newIndex) {
answerWeight.value = props.question.answers[newIndex].weight; answerWeight.value = props.question.answers[newIndex].weight;
emits("answerSelected", props.question, answerWeight); emits("answerSelected", props.question, answerWeight);
} }
const isProduction = process.env.NODE_ENV == "production";
const displayPopup = ref(false); const displayPopup = ref(false);
function showHidePopup() { function showHidePopup() {
displayPopup.value = !displayPopup.value; displayPopup.value = !displayPopup.value;

View File

@ -174,7 +174,30 @@ async function share() {
</li> </li>
</ul> </ul>
</div> </div>
<button @click="() => share()">Partager</button> <button
class="btn download"
@click="() => share()"
data-html2canvas-ignore
>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36">
<path
fill="#D99E82"
d="M36 32c0 2.209-1.791 4-4 4H4c-2.209 0-4-1.791-4-4v-9c0-2.209.791-3 3-3h30c2.209 0 3 .791 3 3v9z"
/>
<path
fill="#662113"
d="M25 20c0 3.866-3.134 7-7 7s-7-3.134-7-7h14z"
/>
<path
fill="#C1694F"
d="M4 36h28c2.209 0 4-1.791 4-4H0c0 2.209 1.791 4 4 4z"
/>
<path
fill="#77B255"
d="M26.716 8h-4.783V2c0-1.105-.896-2-2-2h-4.001c-1.104 0-1.999.896-1.999 2v6H9.148c-1.223 0-1.516.623-.651 1.489l7.863 7.863c.865.865 2.28.865 3.146 0l7.863-7.863C28.232 8.623 27.94 8 26.716 8z"
/>
</svg>
</button>
</div> </div>
</template> </template>
<template v-else> <template v-else>
@ -209,6 +232,10 @@ async function share() {
<style lang="sass" scoped> <style lang="sass" scoped>
.center .center
text-align: center text-align: center
.download
bottom: 1.5rem
right: 1.5rem
opacity: .7
.noscore .noscore
display: flex display: flex
justify-content: center justify-content: center
@ -251,7 +278,6 @@ label
.latest .latest
background-color: var(--color-highlight-background) background-color: var(--color-highlight-background)
color: var(--color-highlight-text) color: var(--color-highlight-text)
text-align: center
display: flex display: flex
align-items: center align-items: center
justify-content: center justify-content: center