From ac6ff789346066ec41ed37b98bd6163ac9d8038d Mon Sep 17 00:00:00 2001
From: Simon C <simonc@linux.com>
Date: Sat, 6 May 2023 15:54:31 +0200
Subject: [PATCH] feat: Modification du design

---
 src/components/Question.vue | 11 ++++++++---
 src/components/Score.vue    |  3 ++-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/Question.vue b/src/components/Question.vue
index 6ae857e..845e29e 100644
--- a/src/components/Question.vue
+++ b/src/components/Question.vue
@@ -52,8 +52,8 @@ function validatePopup() {
   ).checked = true;
   showHidePopup();
 }
-const h = ref(1);
-const d = ref(1);
+const h = ref(0);
+const d = ref(0);
 </script>
 
 <template>
@@ -134,7 +134,8 @@ const d = ref(1);
       <input v-model="h" type="number" name="H" />
       <label for="D">D (cm)</label>
       <input v-model="d" type="number" name="D" />
-      <p>({{ h }} * 100) / {{ d }} ≃ {{ Math.round((h * 100) / d) }}</p>
+      <p v-if="d != 0">≃ {{ Math.round((h * 100) / d) }}</p>
+      <p v-if="d == 0" class="no-visible"> </p>
       <button class="btn equal" @click="validatePopup">
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36">
           <path
@@ -174,6 +175,10 @@ const d = ref(1);
     padding: 1rem
     margin: 1rem
     border: 1px solid var(--color-highlight-text)
+    font-size: 2rem
+
+    &.no-visible
+      border: 1px solid transparent
 
   svg path
     fill: var(--color-highlight-background)
diff --git a/src/components/Score.vue b/src/components/Score.vue
index 9bfb73c..40fd460 100644
--- a/src/components/Score.vue
+++ b/src/components/Score.vue
@@ -148,7 +148,8 @@ async function share() {
   body.classList.add("print");
   const dataUrl = await toPng(body, { filter: filter });
   body.classList.remove("print");
-  saveAs(dataUrl, "my-node.png");
+  const fileName = new Date().toISOString().replace(/T/, '_').replace(/\..+/, '').replaceAll(':', '-')
+  saveAs(dataUrl, `Ceiba-score-${fileName}.png`);
   sharing.value = false;
 }
 </script>