Padding for Window Buttons

[sxzz]

We should add some padding for macOS (macOS only I guess) for window controlling buttons.

[Moshyfawn]

There's a lot to this issue as I don't think Tauri exposes an easy way to determine the decorations / title bar safe areas for different devices.

The solution is to add a custom drag-area to the Elk web client at the top of the default layout with a native: style like

<div data-tauri-drag-region native:h-8 />

The issue is,the title bar widget (like OS X traffic lights) can have different width and height based on multiple factors like user preferences or OS version (potentially different OS in the future). This is the feature request that could potentially solve it tauri-apps/tauri#6030.

Currently, the sane solution is to design the top client navigation around the OS specific widgets, IMO.

[Moshyfawn]

There's been an update to improve the title bar customization

[JonasKruckenberg]

Hey! Just letting you know that elk-native is no longer maintained, much of the team has moved on or is busy with other projects (there's only so much time in a day 😅), so this issue will likely not be fixed.
Please use the actively maintained elk PWA instead.

Thanks so much for your support and understanding so far! ❤️