feat: Design ajout d'un logo pour le téléchargement

src/components/Question.vue

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

src/components/Score.vue

@@ -174,7 +174,30 @@ async function share() {
               </li>
             </ul>
           </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>
       </template>
       <template v-else>
@@ -209,6 +232,10 @@ async function share() {
 <style lang="sass" scoped>
 .center
   text-align: center
+.download
+  bottom: 1.5rem
+  right: 1.5rem
+  opacity: .7
 .noscore
   display: flex
   justify-content: center
@@ -251,7 +278,6 @@ label
 .latest
   background-color: var(--color-highlight-background)
   color: var(--color-highlight-text)
-  text-align: center
   display: flex
   align-items: center
   justify-content: center