feat: update HomeView styling and improve main window title bar behavior for macOS

Author: JulianFun123

packages/electron/src/main.js

@@ -90,14 +90,17 @@ const createWindow = async () => {
     icon: '../images/128x128.png',
     width: 1280,
     height: 720,
-    ...('darwin' ? {vibrancy: 'sidebar',
-      visualEffectState: 'active',
-      transparent: true} : {}),
+    ...(process.platform === 'darwin' ?
+        {
+          vibrancy: 'sidebar',
+        visualEffectState: 'active',
+        transparent: true
+      } : {}),
 
     webPreferences: {
       preload: path.join(__dirname, 'preload.js'),
     },
-    titleBarStyle: process.platform === 'darwin' ? 'hiddenInset' : 'hidden'
+    titleBarStyle: process.platform === 'darwin' ? 'hiddenInset' : 'default'
   });
 
   mainWindow.webContents.on("did-finish-load", () => {

packages/frontend/src/views/HomeView.vue

@@ -45,7 +45,7 @@ onBeforeUnmount(() => {
 <template>
   <div
     class="flex flex-col w-full h-full transition-all"
-    :class="tabsStore.tabs.length ? 'app-bg' : ''"
+    :class="tabsStore.tabs.length ? 'app-bg' : 'app-bg-no-mac'"
   >
     <WorkspaceTabsBar
       v-model:current-tab="tabsStore.currentTab"