fix(docs): jumping link anchor (#3394)

epicmaxco · May 2, 2023 · c2e8cad · c2e8cad
1 parent 8572053
commit c2e8cad
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 7 deletions.
diff --git a/packages/docs/modules/page-config/blocks/headline/index.vue b/packages/docs/modules/page-config/blocks/headline/index.vue
@@ -13,11 +13,11 @@ const { t } = useI18n()
 </script>
 
 <template>
-  <h3 class="page-config-headline">
+  <h3 class="page-config-headline flex">
     <MarkdownView
       :content="t(text)"
       text
-      class="mr-2"
+      class="mr-1"
     />
     <Anchor :text="text" />
   </h3>

diff --git a/packages/docs/modules/page-config/blocks/shared/anchor/Anchor.vue b/packages/docs/modules/page-config/blocks/shared/anchor/Anchor.vue
@@ -46,7 +46,6 @@ export default defineComponent({
 <style lang="scss" scoped>
 .page-config-anchor {
   opacity: 0;
-  font-family: monospace !important;
   font-size: 95%;
   transition: opacity 0.1s ease-in-out;
 

diff --git a/packages/docs/modules/page-config/blocks/subtitle/index.vue b/packages/docs/modules/page-config/blocks/subtitle/index.vue
@@ -13,11 +13,11 @@ const { t } = useI18n()
 </script>
 
 <template>
-  <h2 class="page-config-subtitle">
+  <h2 class="page-config-subtitle flex">
     <MarkdownView
       :content="t(text)"
       text
-      class="mr-2"
+      class="mr-1"
     />
     <Anchor :text="text" />
   </h2>

diff --git a/packages/docs/modules/page-config/blocks/title/index.vue b/packages/docs/modules/page-config/blocks/title/index.vue
@@ -13,11 +13,11 @@ const { t } = useI18n()
 </script>
 
 <template>
-  <h1 class="page-config-title">
+  <h1 class="page-config-title flex">
     <MarkdownView
       :content="t(text)"
       text
-      class="mr-2"
+      class="mr-1"
     />
     <Anchor :text="text" />
   </h1>