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
@@ -103,11 +103,11 @@ const Sidebar: React.FC<SidebarProps> = ({
    <aside className={sidebarClassNames.join(' ')} ref={sidebarRef} style={sidebarStyle}>
      <button
        type="button"
-        className={`sidebar__resize-handle${isResizingSidebar ? ' is-active' : ''}`}
+        className={`resize-handle resize-handle--right${isResizingSidebar ? ' is-active' : ''}`}
        aria-label="Resize sidebar"
        {...sidebarHandleProps}
      >
-        <span aria-hidden="true" />
+        <span className="resize-handle__line" aria-hidden="true" />
      </button>

      <SidebarHeader