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