mirror of https://github.com/buster-so/buster.git
web(report): use Tailwind border-border for editor divider (hr) to respect global theme
This commit is contained in:
parent
3d2909cc16
commit
7f767f462e
|
@ -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'
|
||||||
)}
|
)}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue