From f89c2fa776ec1201b0f6681aac77b99d04e5580f Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Sun, 12 Jul 2026 12:36:54 +0200
Subject: [PATCH] style: just changed the view latest button

---
 src/components/StackedNote.vue | 23 +++--------------------
 1 file changed, 3 insertions(+), 20 deletions(-)

diff --git a/src/components/StackedNote.vue b/src/components/StackedNote.vue
index d06ce79..9dfe52c 100644
--- a/src/components/StackedNote.vue
+++ b/src/components/StackedNote.vue
@@ -1,11 +1,5 @@
 <script lang="ts" setup>
-import {
-  computed,
-  defineAsyncComponent,
-  onMounted,
-  ref,
-  watch
-} from "vue"
+import { computed, defineAsyncComponent, onMounted, ref, watch } from "vue"
 
 import { useEditionMode } from "@/hooks/useEditionMode"
 import { useFile } from "@/hooks/useFile.hook"
@@ -217,8 +211,7 @@ useMarkdownPostRender(content, () => `.note-${sha.value}`, {
   macroplan: true,
   mermaid: () => rawContent.value.includes("```mermaid"),
   shikiji: () => isMarkdown.value && rawContent.value.includes("```"),
-  images: () =>
-    /\!\[.*?\]\(.*?\)/.test(rawContent.value) ? props.sha : null,
+  images: () => (/\!\[.*?\]\(.*?\)/.test(rawContent.value) ? props.sha : null),
   triggers: [mode]
 })
 
@@ -508,7 +501,7 @@ const onBadgeClick = async () => {
           <span>You're viewing an older shared version.</span>
           <button
             type="button"
-            class="snapshot-banner-action"
+            class="btn bt-sm btn-soft btn-info"
             @click="viewLatest"
           >
             View latest
@@ -607,16 +600,6 @@ $border-color: rgba(18, 19, 58, 0.2);
   font-size: 0.85em;
 }
 
-.snapshot-banner-action {
-  flex-shrink: 0;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  color: var(--color-primary);
-  cursor: pointer;
-  text-decoration: underline;
-}
-
 .action {
   margin: 0;