enhance ui style; fix devtools cannot popup

packages/ui/src/main/window/mainWindow.ts

@@ -23,8 +23,6 @@ export function createMainWindow(): BrowserWindow {
     }
   })
 
-  process.env.NODE_ENV === 'development' && openDevTools(mainWindow)
-
   mainWindow.on('ready-to-show', () => {
     mainWindow.show()
   })
@@ -36,6 +34,12 @@ export function createMainWindow(): BrowserWindow {
         show: true
       })
   })
+  mainWindow.on('ready-to-show', async () => {
+    process.env.NODE_ENV === 'development' &&
+      setTimeout(() => {
+        mainWindow && openDevTools(mainWindow)
+      }, 500)
+  })
 
   mainWindow.webContents.setWindowOpenHandler((details) => {
     shell.openExternal(details.url)