MetonaTeam/metona-ai-desktop
2
0
Fork 0
Code Issues 51 Pull Requests Actions Packages Projects Releases 8 Wiki Activity

chore: 底部栏加高至36px，字体+图标加大

Browse Source
This commit is contained in:
thzxx
2026-06-27 22:44:32 +08:00
parent 68ec4bb7bb
commit 2cf6422169
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/layout/StatusBar.tsx
+8 -8
View File
@@ -23,14 +23,14 @@ export function StatusBar(): React.JSX.Element {
component="footer" component="footer"
sx={{ sx={{
flexShrink: 0, display: 'flex', alignItems: 'center', 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', borderTop: 1, borderColor: 'divider', userSelect: 'none',
}} }}
> >
{/* 左侧：状态信息表格 */} {/* 左侧：状态信息表格 */}
<Table size="small" sx={{ <Table size="small" sx={{
flex: 1, width: 'auto', 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> <TableBody>
<TableRow> <TableRow>
@@ -38,18 +38,18 @@ export function StatusBar(): React.JSX.Element {
<Box sx={{ display: 'flex', alignItems: 'center', gap: 0.75 }}> <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.75 }}>
<Box <Box
sx={{ sx={{
width: 7, height: 7, borderRadius: '50%', flexShrink: 0, width: 8, height: 8, borderRadius: '50%', flexShrink: 0,
bgcolor: AGENT_STATUS_COLORS[agentStatus], bgcolor: AGENT_STATUS_COLORS[agentStatus],
animation: (agentStatus === 'thinking' || agentStatus === 'executing') ? 'pulse 2s infinite' : 'none', 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]} {AGENT_STATUS_LABELS[agentStatus]}
</Typography> </Typography>
</Box> </Box>
</TableCell> </TableCell>
<TableCell sx={{ color: 'divider', width: 1, p: 0 }}>|</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} {PROVIDER_LABELS[provider] ?? provider} {model}
</TableCell> </TableCell>
{tokenUsage.totalTokens > 0 && ( {tokenUsage.totalTokens > 0 && (
@@ -66,10 +66,10 @@ export function StatusBar(): React.JSX.Element {
{/* 右侧：版本 + 设置 */} {/* 右侧：版本 + 设置 */}
<Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5, flexShrink: 0 }}> <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+,)"> <Tooltip title="设置 (Ctrl+,)">
<IconButton size="small" onClick={openSettings} sx={{ color: 'text.secondary', width: 24, height: 24 }}> <IconButton size="small" onClick={openSettings} sx={{ color: 'text.secondary', width: 28, height: 28 }}>
<Settings size={12} /> <Settings size={14} />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
</Box> </Box>
src/lib/constants.ts
+1 -1
View File
@@ -8,7 +8,7 @@
export const LAYOUT = { export const LAYOUT = {
HEADER_HEIGHT: 0, // 已移除顶部栏 HEADER_HEIGHT: 0, // 已移除顶部栏
STATUS_BAR_HEIGHT: 32, STATUS_BAR_HEIGHT: 36,
SIDEBAR_WIDTH: 260, SIDEBAR_WIDTH: 260,
DETAIL_WIDTH: 320, DETAIL_WIDTH: 320,
CHAT_MAX_WIDTH: 768, CHAT_MAX_WIDTH: 768,