Skip to content

Commit e50b880

Browse files
MarkShawn2020claude
andcommitted
fix(PanelGrid): 修复 slash command 菜单布局 shift 问题
- 使用 items-start + pt-[20vh] 替代 items-center 防止高度变化位移 - 恢复 SlashCommandMenu 为内联替换底部区域 - Terminal 模式下显示提示信息 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent 46af069 commit e50b880

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

src/components/PanelGrid/PanelGrid.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -274,7 +274,7 @@ export function PanelGrid({
274274
const dropdownButtonClass = "inline-flex items-center justify-between gap-3 px-4 py-2.5 text-sm border border-border bg-card hover:bg-card-alt rounded-xl transition-colors";
275275

276276
return (
277-
<div className="h-full w-full flex items-center justify-center bg-canvas bg-[radial-gradient(#e5e5e5_1px,transparent_1px)] dark:bg-[radial-gradient(#333_1px,transparent_1px)] [background-size:20px_20px]">
277+
<div className="h-full w-full flex items-start justify-center pt-[20vh] bg-canvas bg-[radial-gradient(#e5e5e5_1px,transparent_1px)] dark:bg-[radial-gradient(#333_1px,transparent_1px)] [background-size:20px_20px]">
278278
<div className="flex flex-col items-center gap-5 w-full max-w-xl px-6">
279279
{/* App logo */}
280280
<div className="mb-2">
@@ -435,7 +435,7 @@ export function PanelGrid({
435435
{showSlashMenu ? (
436436
selectedTerminalType.type === "terminal" ? (
437437
<div className="px-3 py-2.5 border-t border-border bg-muted/30 text-sm text-muted-foreground">
438-
Slash commands not supported in Terminal. Switch to Claude Code or Codex.
438+
Slash commands are only available in Claude Code or Codex mode
439439
</div>
440440
) : (
441441
<SlashCommandMenu

0 commit comments

Comments
 (0)