Adjust header styles

2026-06-16 08:24:16 +02:00 · 2023-01-02 18:17:06 -08:00
parent 6490118741
commit 0baa6f4488
3 changed files with 6 additions and 2 deletions
@@ -2,17 +2,21 @@ import { ReactNode } from 'react';
 import { Group } from '@mantine/core';
 import { TextTitle } from '/@/renderer/components';
 import { PlayButton as PlayBtn } from '/@/renderer/features/shared/components/play-button';
+import { useShouldPadTitlebar } from '/@/renderer/hooks';

 interface LibraryHeaderBarProps {
  children: ReactNode;
 }

 export const LibraryHeaderBar = ({ children }: LibraryHeaderBarProps) => {
+  const padRight = useShouldPadTitlebar();
+
  return (
    <Group
      noWrap
      align="center"
      h="100%"
+      mr={padRight ? '170px' : 0}
      px="1rem"
      spacing="xl"
    >