diff --git a/packages/frontend/src/components/TerminalTabBar.vue b/packages/frontend/src/components/TerminalTabBar.vue index 335be60..2698332 100644 --- a/packages/frontend/src/components/TerminalTabBar.vue +++ b/packages/frontend/src/components/TerminalTabBar.vue @@ -127,11 +127,11 @@ const openLayoutConfigurator = () => { .terminal-tab-bar { display: flex; background-color: var(--header-bg-color, #e0e0e0); /* 使用变量 */ - border-bottom: 1px solid var(--border-color, #bdbdbd); /* 恢复底部边框 */ + border: 1px solid var(--border-color, #bdbdbd); /* 应用到所有四边 */ white-space: nowrap; height: 2.5rem; /* 固定标签栏高度 */ box-sizing: border-box; /* 确保 padding 不会增加总高度 */ - border-radius: 5px 5px 0 0; /* Top-left, Top-right, Bottom-right, Bottom-left */ + border-radius: 5px 5px 0 0; /* 保持左上和右上圆角 */ margin: 0 var(--base-margin, 0.5rem); /* Add horizontal margin to match content area */ margin-top: var(--base-margin, 0.5rem); /* Add top margin */ overflow: hidden; /* Clip content to rounded corners */ @@ -196,6 +196,8 @@ const openLayoutConfigurator = () => { background-color: var(--app-bg-color, #ffffff); /* 使用变量 - 激活标签背景 */ color: var(--text-color, #333333); /* 使用变量 - 激活标签文字颜色 */ border-bottom-color: transparent; /* 隐藏激活标签的底部边框,模拟连接效果 */ + /* Ensure right border is explicitly set for active tab as well */ + border-right-color: var(--border-color, #bdbdbd); position: relative; z-index: 1; } @@ -361,3 +363,4 @@ const openLayoutConfigurator = () => { } +