fix typo, change statsView appear animation

This commit is contained in:
2024-10-03 10:35:03 +02:00
parent 5ecdf3adb7
commit 485c2ffdcd
2 changed files with 3 additions and 5 deletions

View File

@@ -216,7 +216,7 @@
<div v-if="hasSelectedDate" class="main-interface"> <div v-if="hasSelectedDate" class="main-interface">
<div class="input-element"> <div class="input-element">
<p>How many cigarets did you smoke on that day?</p> <p>How many cigarettes did you smoke on that day?</p>
<input type="number" class="input" v-model="cigaretCount"> <input type="number" class="input" v-model="cigaretCount">
</div> </div>

View File

@@ -30,7 +30,7 @@
<style scoped> <style scoped>
.stats-view { .stats-view {
position: fixed; position: fixed;
top: 0; top: 100vh;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
@@ -40,14 +40,12 @@
/* TODO: Remove next line to have items top-aligned */ /* TODO: Remove next line to have items top-aligned */
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
transform-origin: center;
transform: scale(0);
transition: all 0.5s; transition: all 0.5s;
z-index: 50; z-index: 50;
} }
.stats-view-shown { .stats-view-shown {
transform: scale(1); top: 0;
} }
.close-stats { .close-stats {