diff --git a/app/apps/net_worth/views.py b/app/apps/net_worth/views.py index e48aae9..27bd5d2 100644 --- a/app/apps/net_worth/views.py +++ b/app/apps/net_worth/views.py @@ -11,7 +11,6 @@ from apps.net_worth.utils.calculate_net_worth import ( ) -# Create your views here. def net_worth_main(request): currency_net_worth = calculate_currency_net_worth() account_net_worth = calculate_account_net_worth() diff --git a/frontend/src/styles/_animations.scss b/frontend/src/styles/_animations.scss index e5f83f6..b1aa4d3 100644 --- a/frontend/src/styles/_animations.scss +++ b/frontend/src/styles/_animations.scss @@ -97,6 +97,11 @@ 100% { transform: rotate(360deg); } } +@keyframes fadeIn { + 0% { opacity: 0; } + 100% { opacity: 1; } +} + .show-loading.htmx-request { position: relative; top: 0; @@ -110,6 +115,9 @@ bottom: 0; backdrop-filter: blur(4px); z-index: 100; + animation: fadeIn 0.1s ease-in forwards; + animation-delay: 200ms; + opacity: 0; } &::after { @@ -122,7 +130,9 @@ border: 4px solid #f3f3f3; border-top: 4px solid $primary; border-radius: 50%; - animation: spin 1s linear infinite; + animation: spin 1s linear infinite, fadeIn 0.1s ease-in forwards; + animation-delay: 200ms; + opacity: 0; z-index: 101; } }