Function getToolbarOSReservedSpaceClassName

  • Get tailwind class for reserved space for the window controls / macos "traffic lights". Passing 'darwin' will reserve the necessary space for macos traffic lights at the start, otherwise a different amount of space at the end for the window controls.

    Apply to the toolbar like: <Toolbar className={cn('tw-h-8 tw-bg-background', getToolbarOSReservedSpaceClassName('darwin'))}> or <Toolbar className={getToolbarOSReservedSpaceClassName('linux')}>

    Parameters

    • operatingSystem: undefined | string

      The os platform: 'darwin' (macos) | anything else

    Returns undefined | string

    The class name to apply to the toolbar if os specific space should be reserved