Software-Mac/spacedrive
Software-Mac/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive synced 2024-07-18 18:59:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed traffic lights bar showing all the time (#464)

Browse source 
desconstructed props inside TrafficLights

Co-authored-by: Erik Podušel <podusel@gomerch.company>
This commit is contained in:
erikpodusel 2022-11-05 22:15:35 +01:00 committed by GitHub
parent a403224b3b
commit 90890bbc1c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/desktop/src-tauri/src/main.rs
View file

@ -80,7 +80,7 @@ async fn main() -> Result<(), Box<dyn Error>> {
use macos::*; use macos::*;
let window = window.ns_window().unwrap(); let window = window.ns_window().unwrap();
set_titlebar_style(window, true, true); set_titlebar_style(window, true, false);
blur_window_background(window); blur_window_background(window);
} }
}); });

10
packages/interface/src/components/os/TrafficLights.tsx
View file

@ -14,15 +14,17 @@ export interface TrafficLightsProps extends DefaultProps {
} }
export function MacTrafficLights(props: TrafficLightsProps) { export function MacTrafficLights(props: TrafficLightsProps) {
const {onClose, onMinimize, onFullscreen, className} = props;
const [focused] = useFocusState(); const [focused] = useFocusState();
return ( return (
<div <div
data-tauri-drag-region data-tauri-drag-region
className={clsx('flex flex-row space-x-[7.5px] group', props.className)} className={clsx('flex flex-row space-x-[7.5px] group', className)}
> >
<TrafficLight type="close" onClick={props.onClose} colorful={focused} /> <TrafficLight type="close" onClick={onClose} colorful={focused} />
<TrafficLight type="minimize" onClick={props.onMinimize} colorful={focused} /> <TrafficLight type="minimize" onClick={onMinimize} colorful={focused} />
<TrafficLight type="fullscreen" onClick={props.onFullscreen} colorful={focused} /> <TrafficLight type="fullscreen" onClick={onFullscreen} colorful={focused} />
</div> </div>
); );
} }