display of controls is different in macos/safari(13)

[reyamir]

Hello, Thank for great library I'm trying integrate WindowTitleBar to my app, but it's look weird, maybe I use it wrong

<WindowTitlebar
          controlsOrder="platform"
          windowControlsProps={{ platform: 'macos' }}
        >
          <button
            type="button"
            onClick={() => goBack()}
            className="group inline-flex h-6 w-6 items-center justify-center rounded-md hover:bg-zinc-900"
          >
            <ArrowLeftIcon className="h-4 w-4 text-zinc-500 group-hover:text-zinc-300" />
          </button>
          <button
            type="button"
            onClick={() => goForward()}
            className="group inline-flex h-6 w-6 items-center justify-center rounded-md hover:bg-zinc-900"
          >
            <ArrowRightIcon className="h-4 w-4 text-zinc-500 group-hover:text-zinc-300" />
          </button>
        </WindowTitlebar>

[agmmnn]

Hello, Thanks! Is it the same when choosing other platforms windows, gnome?

[agmmnn]

You are right, chrome(116) and safari(13) behave differently, I will fix it right away.

[agmmnn]

Hey, can you try version 0.0.6, it seems ok for me.

[reyamir]

yup, work fine now