chore: 底部栏加高至36px,字体+图标加大
This commit is contained in:
@@ -23,14 +23,14 @@ export function StatusBar(): React.JSX.Element {
|
||||
component="footer"
|
||||
sx={{
|
||||
flexShrink: 0, display: 'flex', alignItems: 'center',
|
||||
px: 1.5, height: 32, bgcolor: 'background.paper',
|
||||
px: 2, height: 36, bgcolor: 'background.paper',
|
||||
borderTop: 1, borderColor: 'divider', userSelect: 'none',
|
||||
}}
|
||||
>
|
||||
{/* 左侧:状态信息表格 */}
|
||||
<Table size="small" sx={{
|
||||
flex: 1, width: 'auto',
|
||||
'& .MuiTableCell-root': { border: 0, py: 0, px: 1, fontSize: 10, whiteSpace: 'nowrap' },
|
||||
'& .MuiTableCell-root': { border: 0, py: 0, px: 1, fontSize: 11, whiteSpace: 'nowrap' },
|
||||
}}>
|
||||
<TableBody>
|
||||
<TableRow>
|
||||
@@ -38,18 +38,18 @@ export function StatusBar(): React.JSX.Element {
|
||||
<Box sx={{ display: 'flex', alignItems: 'center', gap: 0.75 }}>
|
||||
<Box
|
||||
sx={{
|
||||
width: 7, height: 7, borderRadius: '50%', flexShrink: 0,
|
||||
width: 8, height: 8, borderRadius: '50%', flexShrink: 0,
|
||||
bgcolor: AGENT_STATUS_COLORS[agentStatus],
|
||||
animation: (agentStatus === 'thinking' || agentStatus === 'executing') ? 'pulse 2s infinite' : 'none',
|
||||
}}
|
||||
/>
|
||||
<Typography variant="caption" sx={{ color: 'text.secondary', fontSize: 10, lineHeight: 1 }}>
|
||||
<Typography variant="caption" sx={{ color: 'text.secondary', fontSize: 11, lineHeight: 1 }}>
|
||||
{AGENT_STATUS_LABELS[agentStatus]}
|
||||
</Typography>
|
||||
</Box>
|
||||
</TableCell>
|
||||
<TableCell sx={{ color: 'divider', width: 1, p: 0 }}>|</TableCell>
|
||||
<TableCell sx={{ color: 'text.secondary', fontSize: 10 }}>
|
||||
<TableCell sx={{ color: 'text.secondary', fontSize: 11 }}>
|
||||
{PROVIDER_LABELS[provider] ?? provider} {model}
|
||||
</TableCell>
|
||||
{tokenUsage.totalTokens > 0 && (
|
||||
@@ -66,10 +66,10 @@ export function StatusBar(): React.JSX.Element {
|
||||
|
||||
{/* 右侧:版本 + 设置 */}
|
||||
<Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5, flexShrink: 0 }}>
|
||||
<Typography variant="caption" sx={{ color: 'text.disabled', fontSize: 9 }}>v0.1.0</Typography>
|
||||
<Typography variant="caption" sx={{ color: 'text.disabled', fontSize: 10 }}>v0.1.0</Typography>
|
||||
<Tooltip title="设置 (Ctrl+,)">
|
||||
<IconButton size="small" onClick={openSettings} sx={{ color: 'text.secondary', width: 24, height: 24 }}>
|
||||
<Settings size={12} />
|
||||
<IconButton size="small" onClick={openSettings} sx={{ color: 'text.secondary', width: 28, height: 28 }}>
|
||||
<Settings size={14} />
|
||||
</IconButton>
|
||||
</Tooltip>
|
||||
</Box>
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
|
||||
export const LAYOUT = {
|
||||
HEADER_HEIGHT: 0, // 已移除顶部栏
|
||||
STATUS_BAR_HEIGHT: 32,
|
||||
STATUS_BAR_HEIGHT: 36,
|
||||
SIDEBAR_WIDTH: 260,
|
||||
DETAIL_WIDTH: 320,
|
||||
CHAT_MAX_WIDTH: 768,
|
||||
|
||||
Reference in New Issue
Block a user