web(report): use Tailwind border-border for editor divider (hr) to respect global theme

This commit is contained in:
Cursor Agent 2025-08-22 03:54:00 +00:00
parent 3d2909cc16
commit 7f767f462e
2 changed files with 2 additions and 2 deletions

View File

@ -18,7 +18,7 @@ export function HrElement(props: PlateElementProps) {
<div className="py-6" contentEditable={false}> <div className="py-6" contentEditable={false}>
<hr <hr
className={cn( className={cn(
'bg-muted h-0.5 rounded-sm border-none bg-clip-content', 'border-border border-0 border-t',
selected && focused && 'ring-ring ring-2 ring-offset-2', selected && focused && 'ring-ring ring-2 ring-offset-2',
!readOnly && 'cursor-pointer' !readOnly && 'cursor-pointer'
)} )}

View File

@ -10,7 +10,7 @@ export function HrElementStatic(props: SlateElementProps) {
return ( return (
<SlateElement {...props}> <SlateElement {...props}>
<div className="cursor-text py-6" contentEditable={false}> <div className="cursor-text py-6" contentEditable={false}>
<hr className={cn('bg-muted h-0.5 rounded-sm border-none bg-clip-content')} /> <hr className={cn('border-border border-0 border-t')} />
</div> </div>
{props.children} {props.children}
</SlateElement> </SlateElement>