Improve note preview and editor padding

- Increased editor padding from 6 to 8 for better spacing
- Simplified preview generation to show first 100 characters
- Remove markdown syntax (#, *, `) from note previews for cleaner display
- Replaced multi-line filtering logic with direct substring approach
This commit is contained in:
drelich
2026-03-17 18:41:19 +01:00
parent db7daa81a3
commit e94e201ec8
2 changed files with 5 additions and 3 deletions

View File

@@ -44,7 +44,7 @@ export function NoteEditor({ note, onUpdateNote, fontSize, onUnsavedChanges }: N
content: '',
editorProps: {
attributes: {
class: 'prose prose-slate max-w-none focus:outline-none p-6',
class: 'prose prose-slate max-w-none focus:outline-none p-8',
style: `font-size: ${fontSize}px`,
},
},

View File

@@ -80,8 +80,10 @@ export function NotesList({
};
const getPreview = (content: string) => {
const lines = content.split('\n').filter(l => l.trim());
return lines.slice(1, 3).join(' ').substring(0, 100);
// grab first 100 characters of note's content, remove markdown syntax from the preview
const previewContent = content.substring(0, 100);
const cleanedPreview = previewContent.replace(/[#*`]/g, '');
return cleanedPreview;
};
return (