chore: increase hight of drag area window

This commit is contained in:
Faisal Amir 2025-05-16 09:17:06 +07:00
parent e9f37e98d1
commit 759d5c7257
5 changed files with 8 additions and 5 deletions

View File

@ -54,7 +54,7 @@ const DropdownModelProvider = ({ model }: DropdownModelProviderProps) => {
return (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<button className="bg-main-view-fg/5 hover:bg-main-view-fg/8 px-2 py-1 rounded font-medium cursor-pointer flex items-center gap-1.5">
<button className="bg-main-view-fg/5 hover:bg-main-view-fg/8 px-2 py-1 rounded font-medium cursor-pointer flex items-center gap-1.5 relative z-20">
<img
src={getProviderLogo(selectedProvider as string)}
alt={`${selectedProvider} - Logo`}

View File

@ -24,7 +24,10 @@ const HeaderPage = ({ children }: HeaderPageProps) => {
className="size-5 cursor-pointer flex items-center justify-center rounded hover:bg-main-view-fg/10 transition-all duration-200 ease-in-out data-[state=open]:bg-main-view-fg/10"
onClick={() => setLeftPanel(!open)}
>
<IconLayoutSidebar size={18} className="text-main-view-fg" />
<IconLayoutSidebar
size={18}
className="text-main-view-fg relative z-20"
/>
</button>
)}
{children}

View File

@ -98,7 +98,7 @@ const LeftPanel = () => {
>
<div className="relative h-8">
<button
className="absolute top-1/2 right-0 -translate-y-1/2"
className="absolute top-1/2 right-0 -translate-y-1/2 z-20"
onClick={() => setLeftPanel(!open)}
>
<div className="size-6 cursor-pointer flex items-center justify-center rounded hover:bg-left-panel-fg/10 transition-all duration-200 ease-in-out">

View File

@ -24,7 +24,7 @@ const AppLayout = () => {
<KeyboardShortcutsProvider />
<main className="relative h-svh text-sm antialiased select-none bg-app">
{/* Fake absolute panel top to enable window drag */}
<div className="absolute w-full h-2 z-50" data-tauri-drag-region />
<div className="absolute w-full h-10 z-10" data-tauri-drag-region />
<div className="flex h-full">
{/* left content panel - only show if not logs route */}

View File

@ -79,7 +79,7 @@ function Hub() {
return (
<div className="flex h-full w-full">
<div className="flex flex-col h-full w-full">
<div className="px-4 py-3 border-b border-main-view-fg/5 h-10 flex items-center justify-between">
<div className="px-4 py-3 border-b border-main-view-fg/5 h-10 flex items-center justify-between relative z-20">
<div className="flex items-center gap-2">
<IconSearch className="text-main-view-fg/60" size={14} />
<input