Show border around selected embeds

2022-08-31 20:16:22 -07:00 · 2022-08-31 20:16:22 -07:00 · b38ea281cc
commit b38ea281cc
parent ee76f4188b
1 changed files with 3 additions and 1 deletions
--- a/web/components/editor.tsx
+++ b/web/components/editor.tsx
@ -73,7 +73,9 @@ export function useTextEditor(props: {
  const editorClass = clsx(
    proseClass,
    !simple && 'min-h-[6em]',
-    'outline-none pt-2 px-4'
+    'outline-none pt-2 px-4',
+    'prose-img:select-auto',
+    '[&_.ProseMirror-selectednode]:outline-dotted [&_*]:outline-indigo-300' // selected img, emebeds
  )

  const editor = useEditor(