feat: Modification du design
continuous-integration/drone/push Build is passing Details
continuous-integration/drone Build is passing Details

This commit is contained in:
Simon 2023-05-06 15:54:31 +02:00
parent f32f4a019d
commit ac6ff78934
2 changed files with 10 additions and 4 deletions

View File

@ -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)

View File

@ -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>