- {!settings.nativeMenuBar && (
+ {!settings.nativeMenuBar && !settings.compactMenuBar && (
)}
{/* Menu bar button */}
{!settings.nativeMenuBar && settings.compactMenuBar && (
-
-
-
+
+
+
+
+
+
)}
diff --git a/src/features/window/menu-bar/window-menu-bar.tsx b/src/features/window/menu-bar/window-menu-bar.tsx
index 5ffc0809..b35e6f22 100644
--- a/src/features/window/menu-bar/window-menu-bar.tsx
+++ b/src/features/window/menu-bar/window-menu-bar.tsx
@@ -15,9 +15,10 @@ import Submenu from "./submenu";
interface Props {
activeMenu: string | null;
setActiveMenu: React.Dispatch>;
+ compactFloating?: boolean;
}
-const CustomMenuBar = ({ activeMenu, setActiveMenu }: Props) => {
+const CustomMenuBar = ({ activeMenu, setActiveMenu, compactFloating = false }: Props) => {
const { settings } = useSettingsStore();
const [themes, setThemes] = useState([]);
const menuBarRef = useRef(null);
@@ -213,6 +214,10 @@ const CustomMenuBar = ({ activeMenu, setActiveMenu }: Props) => {
className={cn(
"z-[10030] flex h-7 items-center gap-1 rounded-full border border-border bg-primary-bg/70 px-1 py-0.5",
settings.compactMenuBar &&
+ compactFloating &&
+ "absolute top-[calc(100%+4px)] left-0 rounded-2xl border-border bg-primary-bg/95 shadow-xl backdrop-blur-sm",
+ settings.compactMenuBar &&
+ !compactFloating &&
"absolute inset-0 h-full rounded-none border-none bg-transparent px-2 py-0",
)}
>