mohanki/titan_react_node_sqllite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make top dropdown menus solid 3D for better readability over sidebars

Browse Source
This commit is contained in:
AI Bot
2026-07-30 17:32:16 +05:30
parent e1e8ae59f1
commit bb7a23af4f
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Editor.tsx
+4 -4
View File
@@ -1723,7 +1723,7 @@ export default function Editor() {
File File
</span> </span>
{openMenu === 'file' && ( {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 <button
onClick={newScene} onClick={newScene}
className="w-full text-left px-4 py-2 hover:bg-primary hover:text-white flex items-center justify-between transition-colors" 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 Edit
</span> </span>
{openMenu === 'edit' && ( {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 <button
onClick={() => { undo(); setOpenMenu(null); }} onClick={() => { undo(); setOpenMenu(null); }}
disabled={historyIndex <= 0} disabled={historyIndex <= 0}
@@ -1837,7 +1837,7 @@ export default function Editor() {
Tools Tools
</span> </span>
{openMenu === 'tools' && ( {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 <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" 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={() => { onClick={() => {
@@ -1859,7 +1859,7 @@ export default function Editor() {
View View
</span> </span>
{openMenu === 'view' && ( {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 <button
onClick={() => { setTheme('light'); setOpenMenu(null); }} 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" className="w-full text-left px-4 py-2 hover:bg-primary hover:text-white flex items-center justify-between transition-colors"