starred/pocket-id
1
0
Fork 0
mirror of https://github.com/pocket-id/pocket-id.git synced 2025-12-16 09:13:20 +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 {
animation: fadeIn 0.8s ease-out forwards;
animation: fadeIn 0.3s ease-out forwards;
opacity: 0;
}
@@ -233,7 +233,7 @@
bottom: 0;
left: 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 {
@@ -247,5 +247,5 @@
}
.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}
<div
class="mb-4 flex items-center justify-center"
style={animate ? 'animation-delay: 1000ms;' : ''}
style={animate ? 'animation-delay: 500ms;' : ''}
>
<a
href={page.url.pathname == '/login'