starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-01 23:13:16 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Hide window controls in macOS fullscreen mode (#134)

Browse Source
This commit is contained in:
Peiman Nourani
2024-12-03 18:38:01 +03:30
committed by GitHub
parent 00178ad197
commit d4dfc1c820
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src-web/components/HeaderSize.tsx
View File

@@ -2,6 +2,7 @@ import classNames from 'classnames';
import type { HTMLAttributes, ReactNode } from 'react';
import React from 'react';
import { useSettings } from '../hooks/useSettings';
import { useOsInfo } from '../hooks/useOsInfo';
import { useStoplightsVisible } from '../hooks/useStoplightsVisible';
import { WINDOW_CONTROLS_WIDTH, WindowControls } from './WindowControls';
@@ -23,6 +24,7 @@ export function HeaderSize({
onlyXWindowControl,
children,
}: HeaderSizeProps) {
const osInfo = useOsInfo();
const settings = useSettings();
const stoplightsVisible = useStoplightsVisible();
return (
@@ -36,7 +38,7 @@ export function HeaderSize({
...(size === 'lg' ? { height: HEADER_SIZE_LG } : {}),
...(stoplightsVisible || ignoreControlsSpacing
? { paddingRight: '2px' }
: { paddingLeft: '2px', paddingRight: WINDOW_CONTROLS_WIDTH }),
: { paddingLeft: '2px', paddingRight: osInfo.osType !== 'macos' ? WINDOW_CONTROLS_WIDTH : '2px' }),
}}
className={classNames(
className,
@@ -48,7 +50,7 @@ export function HeaderSize({
<div className="pointer-events-none h-full w-full overflow-x-auto hide-scrollbars grid">
{children}
</div>
<WindowControls onlyX={onlyXWindowControl} />
<WindowControls onlyX={onlyXWindowControl} macos={osInfo.osType === 'macos'} />
</div>
);
}