fix: use smoother ease-out-expo curve for logo view transition

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Julien Calixte
2026-03-19 20:50:11 +01:00
parent 29e56304c4
commit 53c444ed72
5 changed files with 35 additions and 36 deletions

View File

@@ -7,7 +7,7 @@ const goHome = () => router.push({ name: "Home" })
<template>
<a class="btn btn-ghost btn-circle btn-lg" @click="goHome">
<img src="/favicon.png" alt="Remanso icon" />
<img src="/favicon.png" alt="Remanso icon" class="remanso-logo" />
</a>
</template>
@@ -15,4 +15,10 @@ const goHome = () => router.push({ name: "Home" })
img {
box-shadow: none;
}
.remanso-logo {
width: 32px;
height: 32px;
view-transition-name: remanso-logo;
}
</style>