Make top dropdown menus solid 3D for better readability over sidebars
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user