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

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/views/PublicNoteListByDidView.vue

@@ -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;
   }

src/views/PublicNoteListView.vue

@@ -33,8 +33,7 @@ const following = useFollowingNoteList(follows, followingEnabled)
 <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 class="home-button" />
     </div>
 
     <div v-if="isLoggedIn" role="tablist" class="tabs tabs-border">
@@ -64,7 +63,10 @@ const following = useFollowingNoteList(follows, followingEnabled)
       <template #meta="{ note }">
         <router-link
           v-if="all.getAuthor(note.did)"
-          :to="{ name: 'PublicNoteListByDidView', params: { shortDid: toShortDid(note.did) } }"
+          :to="{
+            name: 'PublicNoteListByDidView',
+            params: { shortDid: toShortDid(note.did) },
+          }"
           class="link link-hover"
         >
           {{ all.getAuthor(note.did) }}
@@ -86,7 +88,10 @@ const following = useFollowingNoteList(follows, followingEnabled)
       <template #meta="{ note }">
         <router-link
           v-if="following.getAuthor(note.did)"
-          :to="{ name: 'PublicNoteListByDidView', params: { shortDid: toShortDid(note.did) } }"
+          :to="{
+            name: 'PublicNoteListByDidView',
+            params: { shortDid: toShortDid(note.did) },
+          }"
           class="link link-hover"
         >
           {{ following.getAuthor(note.did) }}
@@ -132,20 +137,6 @@ const following = useFollowingNoteList(follows, followingEnabled)
     margin-bottom: 0;
   }
 
-  .back-button {
-    display: flex;
-    gap: 0.5rem;
-    align-items: center;
-    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;
   }

src/views/PublicNoteView.vue

@@ -131,6 +131,8 @@ watch(
           :prefer-fallback="false"
         />
 
+        <img src="/favicon.png" alt="Remanso" class="remanso-logo" />
+
         <theme-swap />
       </div>
       <div class="subheader">
@@ -191,6 +193,13 @@ watch(
     gap: 1rem;
   }
 
+  .remanso-logo {
+    width: 32px;
+    height: 32px;
+    box-shadow: none;
+    view-transition-name: remanso-logo;
+  }
+
   .subheader {
     margin: 1rem auto 0;
   }