feat(sidebar): add backdrop for improved sidebar interaction

2026-06-16 21:03:58 +08:00 · 2026-03-17 00:53:14 +08:00
parent 6d91cd0c06
commit ffce798ce8
2 changed files with 32 additions and 0 deletions
@@ -759,6 +759,15 @@ export function MainLayout() {
      </header>

      <div className="main-body">
+        <button
+          type="button"
+          className={`sidebar-backdrop ${sidebarOpen ? 'visible' : ''}`}
+          onClick={() => setSidebarOpen(false)}
+          aria-label={t('common.close')}
+          aria-hidden={!sidebarOpen}
+          tabIndex={sidebarOpen ? 0 : -1}
+        />
+
        <aside
          className={`sidebar ${sidebarOpen ? 'open' : ''} ${sidebarCollapsed ? 'collapsed' : ''}`}
        >