-
404
-
PAGE NOT FOUND
+
{{ theme.notFound?.code ?? '404' }}
+
{{ theme.notFound?.title ?? 'PAGE NOT FOUND' }}
- But if you don't change your direction, and if you keep looking, you may end up where you are heading.
+ {{
+ theme.notFound?.quote ??
+ "But if you don't change your direction, and if you keep looking, you may end up where you are heading."
+ }}
@@ -90,7 +97,9 @@ onMounted(() => {
font-size: 14px;
font-weight: 500;
color: var(--vp-c-brand);
- transition: border-color 0.25s, color 0.25s;
+ transition:
+ border-color 0.25s,
+ color 0.25s;
}
.link:hover {
diff --git a/src/client/theme-default/components/VPBadge.vue b/src/client/theme-default/components/VPBadge.vue
index 5811e3589afe..d87f463835c6 100644
--- a/src/client/theme-default/components/VPBadge.vue
+++ b/src/client/theme-default/components/VPBadge.vue
@@ -16,26 +16,36 @@ defineProps<{
display: inline-block;
margin-left: 2px;
border: 1px solid transparent;
- border-radius: 10px;
- padding: 0 8px;
- line-height: 18px;
+ border-radius: 12px;
+ padding: 0 10px;
+ line-height: 22px;
font-size: 12px;
font-weight: 600;
transform: translateY(-2px);
}
-h1 .VPBadge,
-h2 .VPBadge,
-h3 .VPBadge,
-h4 .VPBadge,
-h5 .VPBadge,
-h6 .VPBadge {
- vertical-align: text-top;
+.vp-doc h1 > .VPBadge {
+ margin-top: 4px;
+ vertical-align: top;
}
-h2 .VPBadge {
- border-radius: 11px;
+.vp-doc h2 > .VPBadge {
+ margin-top: 3px;
line-height: 20px;
+ padding: 0 8px;
+ vertical-align: top;
+}
+
+.vp-doc h3 > .VPBadge {
+ line-height: 20px;
+ vertical-align: middle;
+}
+
+.vp-doc h4 > .VPBadge,
+.vp-doc h5 > .VPBadge,
+.vp-doc h6 > .VPBadge {
+ vertical-align: middle;
+ line-height: 18px;
}
.VPBadge.info {
diff --git a/src/client/theme-default/components/VPContent.vue b/src/client/theme-default/components/VPContent.vue
index 675414c2f7f4..a1479dc693a8 100644
--- a/src/client/theme-default/components/VPContent.vue
+++ b/src/client/theme-default/components/VPContent.vue
@@ -35,6 +35,11 @@ const { hasSidebar } = useSidebar()