From bb7a23af4f15f8dc27731fc698bbce7c196f44b6 Mon Sep 17 00:00:00 2001
From: AI Bot <bot@digifox.live>
Date: Thu, 30 Jul 2026 17:32:16 +0530
Subject: [PATCH] Make top dropdown menus solid 3D for better readability over
 sidebars

---
 src/pages/Editor.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/Editor.tsx b/src/pages/Editor.tsx
index a15ed44..d327c5b 100644
--- a/src/pages/Editor.tsx
+++ b/src/pages/Editor.tsx
@@ -1723,7 +1723,7 @@ export default function Editor() {
                 File
               </span>
               {openMenu === 'file' && (
-                <div className="absolute top-full left-0 mt-1 w-56 glass-panel border border-white/20 rounded-xl shadow-2xl z-50 py-1 overflow-hidden">
+                <div className="absolute top-full left-0 mt-1 w-56 bg-white dark:bg-[#1a1a1a] border border-zinc-200 dark:border-zinc-800 rounded-xl shadow-[0_10px_40px_rgba(0,0,0,0.15)] dark:shadow-[0_10px_40px_rgba(0,0,0,0.5)] z-50 py-1 overflow-hidden">
                   <button 
                     onClick={newScene}
                     className="w-full text-left px-4 py-2 hover:bg-primary hover:text-white flex items-center justify-between transition-colors"
@@ -1797,7 +1797,7 @@ export default function Editor() {
                 Edit
               </span>
               {openMenu === 'edit' && (
-                <div className="absolute top-full left-0 mt-1 w-48 glass-panel border border-white/20 rounded-xl shadow-2xl z-50 py-1 overflow-hidden">
+                <div className="absolute top-full left-0 mt-1 w-48 bg-white dark:bg-[#1a1a1a] border border-zinc-200 dark:border-zinc-800 rounded-xl shadow-[0_10px_40px_rgba(0,0,0,0.15)] dark:shadow-[0_10px_40px_rgba(0,0,0,0.5)] z-50 py-1 overflow-hidden">
                   <button 
                     onClick={() => { undo(); setOpenMenu(null); }}
                     disabled={historyIndex <= 0}
@@ -1837,7 +1837,7 @@ export default function Editor() {
                 Tools
               </span>
               {openMenu === 'tools' && (
-                <div className="absolute top-full left-0 mt-1 w-48 bg-zinc-900 border border-zinc-800 rounded-lg shadow-xl py-1 z-50">
+                <div className="absolute top-full left-0 mt-1 w-48 bg-white dark:bg-[#1a1a1a] border border-zinc-200 dark:border-zinc-800 rounded-xl shadow-[0_10px_40px_rgba(0,0,0,0.15)] dark:shadow-[0_10px_40px_rgba(0,0,0,0.5)] z-50 py-1 overflow-hidden">
                   <button 
                     className="w-full flex items-center gap-2 px-4 py-2 text-xs text-zinc-300 hover:bg-zinc-800 hover:text-white"
                     onClick={() => {
@@ -1859,7 +1859,7 @@ export default function Editor() {
                 View
               </span>
               {openMenu === 'view' && (
-                <div className="absolute top-full left-0 mt-1 w-48 glass-panel border border-white/20 rounded-xl shadow-2xl z-50 py-1 overflow-hidden">
+                <div className="absolute top-full left-0 mt-1 w-48 bg-white dark:bg-[#1a1a1a] border border-zinc-200 dark:border-zinc-800 rounded-xl shadow-[0_10px_40px_rgba(0,0,0,0.15)] dark:shadow-[0_10px_40px_rgba(0,0,0,0.5)] z-50 py-1 overflow-hidden">
                   <button 
                     onClick={() => { setTheme('light'); setOpenMenu(null); }}
                     className="w-full text-left px-4 py-2 hover:bg-primary hover:text-white flex items-center justify-between transition-colors"