Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-04-30 14:34:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

web/UpdateNotification: fix initial transition (animation)

Browse Source
This commit is contained in:
wukko 2025-03-27 21:20:00 +06:00
parent 8ffe9e29d6
commit 071008726e
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/components/misc/UpdateNotification.svelte
View File

@ -1,8 +1,15 @@
<script lang="ts"> <script lang="ts">
import { onMount } from "svelte";
import { t } from "$lib/i18n/translations"; import { t } from "$lib/i18n/translations";
import IconComet from "@tabler/icons-svelte/IconComet.svelte"; import IconComet from "@tabler/icons-svelte/IconComet.svelte";
let dismissed = false; let dismissed = true;
onMount(() => {
setTimeout(() => {
dismissed = false;
}, 200)
});
</script> </script>
<div id="update-notification" role="alert" aria-atomic="true"> <div id="update-notification" role="alert" aria-atomic="true">
@ -98,6 +105,7 @@
.update-button { .update-button {
transform: translateY(300px); transform: translateY(300px);
margin-right: var(--padding); margin-right: var(--padding);
transition: transform 0.55s cubic-bezier(0.53, 0.05, 0.23, 1.15);
} }
} }
</style> </style>