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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user