dtoro/zui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: font size

Browse Source
This commit is contained in:
authentik Default Admin
2026-03-16 00:21:43 +01:00
parent c2db0b33d6
commit 7c7d470f15
2 changed files with 37 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/recollections/logos/LogosPage.tsx
View File

@@ -20,7 +20,7 @@ const BlockNoteViewWrapper = forwardRef<HTMLDivElement, React.ComponentProps<typ
function BlockNoteViewWrapper(props, ref) {
const { className, ref: _ref, ...rest } = props as React.ComponentProps<typeof BlockNoteView> & { ref?: unknown }
return (
<div ref={ref} className={className} style={{ minHeight: '100%', width: '100%' }}>
<div ref={ref} className={`logos-blocknote ${className ?? ''}`} style={{ minHeight: '100%', width: '100%' }}>
<BlockNoteView {...rest} />
</div>
)

36
frontend/src/styles.css
View File

@@ -396,3 +396,39 @@ pre {
.code-editor .token.url {
background: none;
}
/* BlockNote (Logos editor): font sizes to match app typography (Tailwind text-sm–text-lg scale) */
.logos-blocknote .bn-editor {
font-size: 0.875rem; /* text-sm */
line-height: 1.5;
}
.logos-blocknote .bn-inline-content {
font-size: inherit;
line-height: inherit;
}
.logos-blocknote [data-content-type="heading"][data-level="1"] .bn-inline-content {
font-size: 1.25rem; /* text-xl */
font-weight: 600;
line-height: 1.3;
}
.logos-blocknote [data-content-type="heading"][data-level="2"] .bn-inline-content {
font-size: 1.125rem; /* text-lg */
font-weight: 600;
line-height: 1.35;
}
.logos-blocknote [data-content-type="heading"][data-level="3"] .bn-inline-content {
font-size: 1rem; /* text-base */
font-weight: 600;
line-height: 1.4;
}
.logos-blocknote [data-content-type="paragraph"] .bn-inline-content {
font-size: 0.875rem;
}
.logos-blocknote [data-content-type="bulletListItem"] .bn-inline-content,
.logos-blocknote [data-content-type="numberedListItem"] .bn-inline-content {
font-size: 0.875rem;
}
.logos-blocknote [data-content-type="codeBlock"] .bn-inline-content,
.logos-blocknote [data-content-type="code"] .bn-inline-content {
font-size: 0.8125rem; /* slightly smaller for code */
}