fix: change floating window to rectangle to avoid white border issue

This commit is contained in:
ezequielnick 2025-08-09 09:48:09 +08:00
parent 8cfee2f5e5
commit 5e0c5b6e69

View File

@ -60,7 +60,7 @@ const FloatingApp: React.FC = () => {
return ( return (
<div className="app-drag h-screen w-screen overflow-hidden"> <div className="app-drag h-screen w-screen overflow-hidden">
<div className="floating-bg border border-divider flex rounded-full bg-content1 h-[calc(100%-2px)] w-[calc(100%-2px)]"> <div className="floating-bg border border-divider flex bg-content1 h-full w-full">
<div className="flex justify-center items-center h-full aspect-square"> <div className="flex justify-center items-center h-full aspect-square">
<div <div
onContextMenu={(e) => { onContextMenu={(e) => {
@ -78,7 +78,7 @@ const FloatingApp: React.FC = () => {
} }
: {} : {}
} }
className={`app-nodrag cursor-pointer floating-thumb ${tunEnabled ? 'bg-secondary' : sysProxyEnabled ? 'bg-primary' : 'bg-default'} hover:opacity-hover rounded-full h-[calc(100%-4px)] aspect-square`} className={`app-nodrag cursor-pointer floating-thumb ${tunEnabled ? 'bg-secondary' : sysProxyEnabled ? 'bg-primary' : 'bg-default'} hover:opacity-hover h-[calc(100%-4px)] aspect-square`}
> >
<MihomoIcon className="floating-icon text-primary-foreground h-full leading-full text-[22px] mx-auto" /> <MihomoIcon className="floating-icon text-primary-foreground h-full leading-full text-[22px] mx-auto" />
</div> </div>