starred/pocket-id
1
0
Fork 0
mirror of https://github.com/pocket-id/pocket-id.git synced 2025-12-17 09:13:28 +03:00
Code Issues 121 Packages Projects Releases 16 Wiki Activity

fix: reduce duration of animations on login and signin page (#648)

Browse Source
This commit is contained in:
Alessandro (Ale) Segala
2025-06-10 12:14:55 -07:00
committed by GitHub
parent d6795300b1
commit d77044882d
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/app.css
View File

@@ -203,7 +203,7 @@
} }
.animate-fade-in { .animate-fade-in {
animation: fadeIn 0.8s ease-out forwards; animation: fadeIn 0.3s ease-out forwards;
opacity: 0; opacity: 0;
} }
@@ -233,7 +233,7 @@
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
animation: slide-bg-container 1.2s cubic-bezier(0.33, 1, 0.68, 1) forwards; animation: slide-bg-container 0.6s cubic-bezier(0.33, 1, 0.68, 1) forwards;
} }
@keyframes delayed-fade { @keyframes delayed-fade {
@@ -247,5 +247,5 @@
} }
.animate-delayed-fade { .animate-delayed-fade {
animation: delayed-fade 1.5s ease-out forwards; animation: delayed-fade 0.5s ease-out forwards;
} }

2
frontend/src/lib/components/login-wrapper.svelte
View File

@@ -34,7 +34,7 @@
{#if showAlternativeSignInMethodButton} {#if showAlternativeSignInMethodButton}
<div <div
class="mb-4 flex items-center justify-center" class="mb-4 flex items-center justify-center"
style={animate ? 'animation-delay: 1000ms;' : ''} style={animate ? 'animation-delay: 500ms;' : ''}
> >
<a <a
href={page.url.pathname == '/login' href={page.url.pathname == '/login'