feat: add View Transitions API hero animation for favicon between pages

The favicon animates from its large position in the WelcomeWorld title
to the smaller header position in PublicNoteListView and PublicNoteListByDidView.
This commit is contained in:
Julien Calixte
2026-03-19 18:43:26 +01:00
parent ddabe5082d
commit 29e56304c4
5 changed files with 43 additions and 1 deletions

View File

@@ -14,7 +14,7 @@ const { userInput, repoInput, submit } = useForm()
<template>
<div class="welcome-world">
<h1 class="title is-1">
<img src="/favicon.png" alt="Remanso icon" />
<img src="/favicon.png" alt="Remanso icon" class="remanso-logo" />
Remanso
</h1>
@@ -93,6 +93,10 @@ h1 {
}
}
.remanso-logo {
view-transition-name: remanso-logo;
}
.welcome-world {
padding: 1rem;
margin: auto;