butter/keanu-weblite
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Voice recorder fixed

Browse source
This commit is contained in:
10G Meow 2022-02-12 16:02:40 +02:00
parent 66f18a7df2
commit 4a762a3d8c
3 changed files with 43 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/assets/css/components/_voice-recorder.scss Normal file
View file

@ -0,0 +1,30 @@
.grow-enter-active,
.grow-leave-active {
transition-timing-function: ease-out;
transition: opacity 0.3s, border-radius 0.5s, transform 0.5s;
}
.grow-enter,
.grow-leave-to {
transform: translateX(var(--v-mic-button-initial-translate)) scaleX(var(--v-mic-button-initial-scale));
opacity: 0;
border-radius: 25px !important;
}
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
opacity: 0;
}
.voice-recorder-btn {
padding: 30px;
background-color: $voice-recorder-color;
&.recording {
background-color: $voice-recording-color;
}
&.recorded {
background-color: $voice-recorded-color;
}
}