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

@@ -19,8 +19,7 @@ const author = computedAsync(async () => getAuthor(did.value))
<template>
<main class="public-note-list-view">
<div class="header">
<home-button class="back-button" />
<img src="/favicon.png" alt="Remanso" class="remanso-logo" />
<home-button />
<h1 v-if="author">{{ author.handle }}</h1>
<div v-else class="skeleton h-8 w-40"></div>
</div>
@@ -62,17 +61,6 @@ const author = computedAsync(async () => getAuthor(did.value))
margin-bottom: 0;
}
.back-button {
position: absolute;
}
.remanso-logo {
width: 32px;
height: 32px;
box-shadow: none;
view-transition-name: remanso-logo;
}
@media screen and (min-width: 769px) {
overflow-y: auto;
}