platform-bible-react
    Preparing search index...

    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