Fix Windows (Minimize,Maximize,Close)

[Aerglonus]

Description

The users weren't able to create tabs nor minimize, maximize, close the app mentioned in #69 This is because the entire bar had the drag-title css ID with -webkit-app-region: drag; when you set this up like that it disables the functionality of the other buttons because it converts them into draggable elements, I don't know if this is a good fix but an easy way to fix this is by just creating an empty <section> between the Tabs component and the Windows buttons and make that section draggable so can users can still drag the window or double-click to Maximize.

empty <section> taildwind classes:

<section className="draggable-containers p-3 xl:w-auto flex-1  md:w-auto sm:w-auto"></section>

custom css to make it draggable:

 .draggable-containers {
    -webkit-user-select: none;
    user-select: none;
  -webkit-app-region: drag;
}

Fixes # (issue)

• Inability to create/close tabs and Minimize, Maximize, Close app in the Windows version.

Type of change

Please delete options that are not relevant.

• [x] Bug fix (non-breaking change which fixes an issue)
• [x] New feature (non-breaking change which adds functionality)
• [x] Breaking change (fix or feature that would cause existing functionality to not work as expected in other versions of the app.)

Note about some dependencies

Some dependencies are missing from package.json or need to be changed

• [x] Responselike needs to be installed since it's missing from the package.json
• [x] For Windows devs "electron-installer-debian": "^3.1.0" needs to be removed from package.json and install electron-installer-windows

[thanhlmm]

Hi @Aerglonus I appreciate your contribution. Everything is perfect, just a small code style. Could you please revert the file vite/src/pages/Tabs.tsx

That file seems no difference except for the style change!

Thank you!

[Aerglonus]

Done, sorry for that :)

[thanhlmm]

Thanks, @Aerglonus . Super work!