ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Auth QR Code: Better animation

Browse Source
This commit is contained in:
Alexander Zinchuk 2023-05-15 10:55:25 +02:00
parent f62728fd5e
commit 516c285c9b
1 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/auth/Auth.scss
View File

@ -131,7 +131,7 @@
.qr-inner {
transition: none !important;
&.open {
animation: qr-show 300ms ease-in-out forwards;
animation: qr-show 400ms ease-in-out forwards;
}
&:not(.shown) {
@ -155,7 +155,7 @@
.qr-container {
background-color: white;
border-radius: var(--border-radius-default);
border-radius: 1.5rem;
overflow: hidden;
}
@ -200,16 +200,13 @@
@keyframes qr-show {
0% {
opacity: 0;
transform: scale(0.6);
transform: scale(0.7);
}
30% {
opacity: 0.5;
}
75% {
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 1;
transform: scale(1);
}
}