feat: improve PDF export styling and functionality

- Fix inline code padding to prevent overlap with line above
- Add proper heading styles (h1, h2, h3) with correct font sizes
- Add list styling (ul/ol) with proper bullets and numbering
- Embed images as data URLs in PDF export
- Fix list layout issues when images are present
- Add image styling to prevent layout interference
- Remove grey background from inline code for cleaner appearance
This commit is contained in:
drelich
2026-03-21 22:14:16 +01:00
parent 3e3d9ca7f1
commit 3e93cf2408
2 changed files with 62 additions and 8 deletions

View File

@@ -16,6 +16,19 @@ code {
monospace;
}
/* Override Tailwind prose inline code styling to prevent overlap */
.prose code {
padding-top: 0 !important;
padding-bottom: 0 !important;
vertical-align: baseline !important;
line-height: 1 !important;
}
.prose code::before,
.prose code::after {
content: none !important;
}
/* TipTap Editor Styles */
.ProseMirror {
min-height: 100%;
@@ -113,11 +126,13 @@ code {
.ProseMirror code {
background-color: #f3f4f6;
padding: 0.125rem 0.25rem;
padding: 0.05rem 0.25rem;
border-radius: 0.25rem;
font-family: 'Courier New', monospace;
font-size: 1.1em;
color: #1f2937;
vertical-align: baseline;
line-height: 1;
}
.dark .ProseMirror code {