fix(plugins): 悬浮胶囊 ⤡ 收起按钮贴面板最右缘(区域头仍收拢左侧)

This commit is contained in:
Rick Ye
2026-09-11 16:13:40 +08:00
parent a052b6a2c4
commit c117385d01
@@ -192,8 +192,8 @@ export function PluginFloatingCapsule({
const areaCollapsed = collapsedAreas.includes(pluginId)
return (
<div key={pluginId} className={areaIdx > 0 ? 'mt-1 border-t border-line pt-1' : ''}>
{/* 区域头 = 插件名;控件只占自身大小(图标/箭头贴标题),第一个区域右侧是收回药丸的 ⤡ */}
<div className="flex items-center gap-0.5 px-1 py-0.5">
{/* 区域头 = 插件名(收拢在左侧);⤡ 收起按钮贴面板最右缘(仅第一个区域) */}
<div className="flex w-full items-center gap-0.5 px-1 py-0.5">
<button
type="button"
aria-expanded={!areaCollapsed}
@@ -218,7 +218,7 @@ export function PluginFloatingCapsule({
aria-label="收起到悬浮胶囊"
title="收起"
onClick={() => setOpen(false)}
className="shrink-0 rounded-control p-1.5 text-ink-3 transition-colors hover:bg-hover hover:text-ink-2"
className="ml-auto shrink-0 rounded-control p-1.5 text-ink-3 transition-colors hover:bg-hover hover:text-ink-2"
>
<LuMinimize2 size={13} />
</button>