feat(theme): allow using VPBadge classes in sidebar (#3391)

6 months ago · 50a774ea7c
parent d10bf42c26
commit 50a774ea7c
1 changed files with 11 additions and 1 deletions
--- a/src/client/theme-default/components/VPBadge.vue
+++ b/src/client/theme-default/components/VPBadge.vue
@ -14,7 +14,7 @@ withDefaults(defineProps<Props>(), {
  </span>
 </template>

-<style scoped>
+<style>
 .VPBadge {
  display: inline-block;
  margin-left: 2px;
@ -27,6 +27,16 @@ withDefaults(defineProps<Props>(), {
  transform: translateY(-2px);
 }

+.VPBadge.small {
+  padding: 0 6px;
+  line-height: 18px;
+  font-size: 11px;
+}
+
+.VPDocFooter .VPBadge {
+  display: none;
+}
+
 .vp-doc h1 > .VPBadge {
  margin-top: 4px;
  vertical-align: top;