antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-01 10:23:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Add native titlebar & fix app restart for AppImages

Browse source
This commit is contained in:
Gelaechter 2023-05-24 17:35:04 +02:00 • committed by Jeff
parent d055ae89e0
commit a878875f83
12 changed files with 82 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/renderer/layouts/default-layout.tsx
View file

@ -29,7 +29,7 @@ const Layout = styled.div<{ windowBarStyle: Platform }>`
'main-content'
'player';
grid-template-rows: ${(props) =>
props.windowBarStyle !== Platform.WEB
props.windowBarStyle === Platform.WINDOWS || props.windowBarStyle === Platform.MACOS
? '30px calc(100vh - 120px) 90px'
: '0px calc(100vh - 90px) 90px'};
grid-template-columns: 1fr;

10
src/renderer/layouts/default-layout/main-content.tsx
View file

@ -104,7 +104,10 @@ const QueueDrawerArea = styled(motion.div)`
const queueDrawerVariants: Variants = {
closed: (windowBarStyle) => ({
height: windowBarStyle !== Platform.WEB ? 'calc(100vh - 205px)' : 'calc(100vh - 175px)',
height:
windowBarStyle === Platform.WINDOWS || Platform.MACOS
? 'calc(100vh - 205px)'
: 'calc(100vh - 175px)',
position: 'absolute',
right: 0,
top: '75px',
@ -117,7 +120,10 @@ const queueDrawerVariants: Variants = {
}),
open: (windowBarStyle) => ({
boxShadow: '0px 0px 10px 0px rgba(0, 0, 0, 0.8)',
height: windowBarStyle !== Platform.WEB ? 'calc(100vh - 205px)' : 'calc(100vh - 175px)',
height:
windowBarStyle === Platform.WINDOWS || Platform.MACOS
? 'calc(100vh - 205px)'
: 'calc(100vh - 175px)',
position: 'absolute',
right: '20px',
top: '75px',

6
src/renderer/layouts/window-bar.tsx
View file

@ -219,6 +219,7 @@ export const WindowBar = () => {
const statusString = playerStatus === PlayerStatus.PAUSED ? '(Paused) ' : '';
const queueString = length ? `(${index + 1} / ${length}) ` : '';
const title = length ? `${statusString}${queueString}${currentSong?.name}` : 'Feishin';
document.title = title;
const [max, setMax] = useState(false);
@ -237,12 +238,13 @@ export const WindowBar = () => {
return (
<>
{windowBarStyle === Platform.WINDOWS ? (
{windowBarStyle === Platform.WINDOWS && (
<WindowsControls
controls={{ handleClose, handleMaximize, handleMinimize }}
title={title}
/>
) : (
)}
{windowBarStyle === Platform.MACOS && (
<MacOsControls
controls={{ handleClose, handleMaximize, handleMinimize }}
title={title}