refactor: extract common resize handle styles into a reusable component.

2025-12-01 00:07:15 +01:00
parent 406ce1eb70
commit fea1bf68c5
6 changed files with 53 additions and 78 deletions
@@ -393,11 +393,11 @@ const DocumentViewerPanel: React.FC<DocumentViewerPanelProps> = ({
  const resizeHandle = isSidebarVariant ? (
    <button
      type="button"
-      className={`detail-panel__resize-handle${isPanelResizing ? ' is-active' : ''}`}
+      className={`resize-handle resize-handle--left${isPanelResizing ? ' is-active' : ''}`}
      aria-label="Resize detail panel"
      {...resizeHandleProps}
    >
-      <span aria-hidden="true" />
+      <span className="resize-handle__line" aria-hidden="true" />
    </button>
  ) : null;