fix typo, change statsView appear animation
This commit is contained in:
@@ -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>
|
||||||
|
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user