diff --git a/src/lib/output/themes/default/partials/header.tsx b/src/lib/output/themes/default/partials/header.tsx index e95185d09..346bbefd5 100644 --- a/src/lib/output/themes/default/partials/header.tsx +++ b/src/lib/output/themes/default/partials/header.tsx @@ -1,7 +1,7 @@ import type { Reflection } from "../../../../models"; import { JSX } from "../../../../utils"; import type { PageEvent } from "../../../events"; -import { hasTypeParameters, join } from "../../lib"; +import { hasTypeParameters, join, renderFlags } from "../../lib"; import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext"; export const header = (context: DefaultThemeRenderContext, props: PageEvent) => ( @@ -77,7 +77,8 @@ export const header = (context: DefaultThemeRenderContext, props: PageEvent item.name)} {">"} - )} + )}{" "} + {renderFlags(props.model.flags)} diff --git a/static/style.css b/static/style.css index a16ed029e..6127b27cd 100644 --- a/static/style.css +++ b/static/style.css @@ -766,12 +766,13 @@ footer .tsd-legend { .tsd-flag { display: inline-block; - padding: 1px 5px; + padding: 0.25em 0.4em; border-radius: 4px; color: var(--color-comment-tag-text); background-color: var(--color-comment-tag); text-indent: 0; - font-size: 14px; + font-size: 75%; + line-height: 1; font-weight: normal; }