fix(ui): align cross-platform chrome

This commit is contained in:
NimBold
2026-07-01 14:29:22 +03:30
parent 21fc115d98
commit fdca17910a
5 changed files with 128 additions and 59 deletions
+8 -2
View File
@@ -18,6 +18,7 @@ import {
startActionLabel
} from '../utils/downloadActions';
import { isActiveDownloadStatus } from '../utils/downloads';
import { usePlatformInfo } from '../utils/platform';
interface DownloadTableProps {
filter: SidebarFilter;
@@ -30,8 +31,10 @@ export const DownloadTable: React.FC<DownloadTableProps> = ({ filter }) => {
const { downloads, queues, assignToQueue, toggleAddModal, openDeleteModal, redownload } = useDownloadStore();
const { isSidebarVisible, toggleSidebar } = useSettingsStore();
const { addToast } = useToast();
const platform = usePlatformInfo();
const isMac = navigator.userAgent.includes('Mac');
const usesCustomWindowControls = !isMac && platform.os !== 'macos';
const [contextMenu, setContextMenu] = useState<{ x: number; y: number; id: string } | null>(null);
const [animationParent] = useAutoAnimate<HTMLDivElement>();
@@ -373,7 +376,10 @@ export const DownloadTable: React.FC<DownloadTableProps> = ({ filter }) => {
return (
<div className="downloads-view flex-1 flex flex-col h-full min-w-0">
<div className={`main-titlebar ${!isSidebarVisible ? 'pl-[80px]' : ''}`} data-tauri-drag-region>
<div
className={`main-titlebar ${!isSidebarVisible ? (usesCustomWindowControls ? 'main-titlebar--custom-controls-collapsed' : 'pl-[88px]') : ''}`}
data-tauri-drag-region
>
{!isSidebarVisible && (
<button
onClick={toggleSidebar}
@@ -647,7 +653,7 @@ export const DownloadTable: React.FC<DownloadTableProps> = ({ filter }) => {
}}
className="w-full text-left px-3 py-2 hover:bg-item-hover transition-colors"
>
Show in Finder
Show in Folder
</button>
<div className="h-[1px] bg-border-modal/60 my-1.5 mx-2"></div>