fix: no embricked .note

src/components/WelcomeWorld.vue

@@ -5,11 +5,10 @@
     <repo-list />
 
     <p>
-      Lite notes are
+      Lite notes are now
-
+      <router-link :to="{ name: 'PublicNoteListView' }" class="btn"
-      <router-link :to="{ name: 'PublicNoteListView' }" class="btn btn-link"
+        >public</router-link
-        >now public</router-link
+      >
-      >!
     </p>
 
     <last-visited />

src/views/PublicNoteView.vue

@@ -67,10 +67,10 @@ const content = computed(() =>
           class="title-stacked-note-link"
           @click.prevent="scrollToFocusedNote()"
           v-if="alias && title"
-          >{{ alias }} | {{ title }}</a
+          >{{ title }}</a
         >
       </div>
-      <article v-html="content" class="note"></article>
+      <article v-html="content"></article>
     </div>
   </div>
 </template>
@@ -81,6 +81,9 @@ const content = computed(() =>
   flex: 1;
 
   .article {
+    position: sticky;
+    left: 0;
+    top: 0;
     padding: 0 2rem;
     scrollbar-width: none;
   }