jedmund/jedmund-svelte
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: reduce editor block padding from 3rem to 2.25rem

Browse source 
- Update padding for paragraphs, headings, blockquotes, lists, tables, and code blocks
- Change from 48px (3rem) to 36px (2.25rem) for better content density
- Maintains responsive behavior with existing media queries

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Justin Edmund 2025-06-26 13:56:38 -04:00
parent 7abc1f3e63
commit c9aeda2fab
1 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/lib/components/edra/editor.css
View file

@ -12,8 +12,8 @@
margin-top: 0;
margin-bottom: 1rem;
line-height: 1.6;
padding-left: 3rem;
padding-right: 3rem;
padding-left: 2.25rem;
padding-right: 2.25rem;
}
.tiptap p:last-child {
@ -47,8 +47,8 @@
margin-top: 1.5rem;
margin-bottom: 0.75rem;
text-wrap: pretty;
padding-left: 3rem;
padding-right: 3rem;
padding-left: 2.25rem;
padding-right: 2.25rem;
}
.tiptap h1,
@ -102,7 +102,7 @@
border-left: 0.5rem solid var(--blockquote-border);
border-radius: 0.5rem;
background-color: var(--code-bg);
margin: 1rem 3rem;
margin: 1rem 2.25rem;
padding: 0.5rem 1rem;
}
@ -126,7 +126,7 @@
.tiptap hr {
border: none;
border-top: 1px solid var(--border-color);
margin: 1rem 3rem;
margin: 1rem 2.25rem;
}
@media (max-width: 768px) {
@ -150,8 +150,8 @@
.tiptap ol {
margin-top: 0;
margin-bottom: 1rem;
margin-left: 3rem;
margin-right: 3rem;
margin-left: 2.25rem;
margin-right: 2.25rem;
padding-left: 1.5rem;
}
@ -355,7 +355,7 @@ input[type='checkbox'] {
/* Table Styling */
.ProseMirror .tableWrapper {
margin: 0 3rem 1rem 3rem;
margin: 0 2.25rem 1rem 2.25rem;
overflow: auto;
padding: 1rem;
}
@ -542,7 +542,7 @@ input[type='checkbox'] {
padding: 1.5rem;
position: relative;
height: fit-content;
margin: 0 3rem 1rem 3rem;
margin: 0 2.25rem 1rem 2.25rem;
}
@media (max-width: 768px) {