Fix UI — CSS variables, sidebar toggle with chevron, settings panel pushes content

2026-04-26 06:37:13 +00:00
parent 996c4e19a7
commit e9531a0321
6 changed files with 56 additions and 51 deletions
@@ -60,20 +60,12 @@ export default function SettingsPanel() {

  return (
    <>
-      {/* Backdrop on mobile */}
-      {settingsOpen && (
-        <div
-          className="fixed inset-0 z-40 bg-black/40 md:hidden"
-          onClick={() => setSettingsOpen(false)}
-        />
-      )}
-
      <div
        className={`fixed top-0 right-0 bottom-0 z-50 flex flex-col transition-transform duration-200 ${
          settingsOpen ? 'translate-x-0' : 'translate-x-full'
        }`}
        style={{
-          width: 'min(340px, 100vw)',
+          width: '340px',
          background: 'var(--bg)',
          borderLeft: '1px solid var(--border)',
        }}