Use box-shadow instead of border-bottom to prevent layout jump

aplosdev · Sep 25, 2024 · 81b2732 · 81b2732
1 parent e7d9875
commit 81b2732
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/layouts/ArticleFooter.vue b/src/layouts/ArticleFooter.vue
@@ -108,7 +108,7 @@ const { frontmatter, theme } = useData();
 
     &:hover {
       transform: translateY(-0.3125rem);
-      border-bottom: 3px solid var(--color-accent);
+      box-shadow: 0 3px var(--color-accent);
       background-color: var(--color-background-second);
       max-width: 100%;
     }