diff --git a/frontend/index.html b/frontend/index.html index 6c2e7b6..4b05cc0 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -463,7 +463,7 @@ - 名称/命令行 + diff --git a/frontend/src/process-manager.ts b/frontend/src/process-manager.ts index 122add3..9def423 100644 --- a/frontend/src/process-manager.ts +++ b/frontend/src/process-manager.ts @@ -33,7 +33,7 @@ interface ProcessEntry { command: string; } -type ProcessSortKey = 'pid' | 'user' | 'memoryBytes' | 'memoryPercent' | 'cpuPercent' | 'state' | 'time'; +type ProcessSortKey = 'pid' | 'user' | 'memoryBytes' | 'memoryPercent' | 'cpuPercent' | 'state' | 'time' | 'command'; type SortDirection = 'ascending' | 'descending'; interface ProcessSnapshot { @@ -202,7 +202,7 @@ export class ProcessManager { this.sortDirection = this.sortDirection === 'ascending' ? 'descending' : 'ascending'; } else { this.sortKey = key; - this.sortDirection = key === 'user' || key === 'state' ? 'ascending' : 'descending'; + this.sortDirection = key === 'user' || key === 'state' || key === 'command' ? 'ascending' : 'descending'; } this.updateSortHeaders(); this.render(); diff --git a/frontend/src/style.css b/frontend/src/style.css index 8b98df2..8521239 100644 --- a/frontend/src/style.css +++ b/frontend/src/style.css @@ -1395,7 +1395,8 @@ button:disabled { .process-table th:nth-child(5) { width: 7%; } .process-table th:nth-child(6) { width: 6%; } .process-table th:nth-child(7) { width: 9%; } -.process-table th:nth-child(8) { width: 47%; text-align: left; } +.process-table th:nth-child(8) { width: 47%; text-align: center; } +.process-table th:nth-child(8) .process-sort { text-align: center; } .process-sort { position: relative;