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

Fix Edra issues and spacing

Browse source
This commit is contained in:
Justin Edmund 2025-06-11 02:00:10 -07:00
parent 0f8b8c9f2a
commit c38511ed62
2 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/lib/components/admin/EditorWithUpload.svelte
View file

@ -60,7 +60,11 @@
showToolbar = true, showToolbar = true,
placeholder = 'Type "/" for commands...', placeholder = 'Type "/" for commands...',
onEditorReady onEditorReady
}: EdraProps & { showToolbar?: boolean; placeholder?: string; onEditorReady?: (editor: Editor) => void } = $props() }: EdraProps & {
showToolbar?: boolean
placeholder?: string
onEditorReady?: (editor: Editor) => void
} = $props()
let element = $state<HTMLElement>() let element = $state<HTMLElement>()
let isLoading = $state(true) let isLoading = $state(true)
@ -355,7 +359,7 @@
placeholder placeholder
) )
editor = newEditor editor = newEditor
// Notify parent component that editor is ready // Notify parent component that editor is ready
if (onEditorReady) { if (onEditorReady) {
onEditorReady(newEditor) onEditorReady(newEditor)
@ -748,6 +752,7 @@
flex: 1; flex: 1;
min-width: 0; min-width: 0;
overflow-x: hidden; overflow-x: hidden;
overflow-y: hidden;
box-sizing: border-box; box-sizing: border-box;
} }

4
src/lib/components/edra/headless/style.css
View file

@ -8,7 +8,7 @@
--edra-separator-color: currentColor; /* Default, can be customized */ --edra-separator-color: currentColor; /* Default, can be customized */
/* Size and Spacing Variables */ /* Size and Spacing Variables */
--edra-gap: 0.25rem; --edra-gap: 0.5rem;
--edra-border-radius: 0.5rem; --edra-border-radius: 0.5rem;
--edra-button-border-radius: 0.5rem; --edra-button-border-radius: 0.5rem;
--edra-padding: 0.5rem; --edra-padding: 0.5rem;
@ -48,7 +48,7 @@
padding: 0 var(--edra-padding); padding: 0 var(--edra-padding);
flex-grow: 1; flex-grow: 1;
padding-left: 2rem; padding-left: 2rem;
overflow: auto; overflow-y: hidden;
box-sizing: border-box; box-sizing: border-box;
} }