Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-11-18 19:46:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update system-logs.tsx

Browse Source
This commit is contained in:
MacRimi
2025-10-18 17:45:13 +02:00
parent f2af0be1e1
commit 478d7a2d2d
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
AppImage/components/system-logs.tsx
View File

@@ -914,12 +914,12 @@ export function SystemLogs() {
</Button> </Button>
</div> </div>
<ScrollArea className="h-[600px] w-full rounded-md border border-border"> <ScrollArea className="h-[600px] w-full rounded-md border border-border overflow-x-hidden">
<div className="space-y-2 p-4"> <div className="space-y-2 p-4 w-full box-border">
{displayedLogs.map((log, index) => ( {displayedLogs.map((log, index) => (
<div <div
key={index} key={index}
className="flex flex-col md:flex-row md:items-start space-y-2 md:space-y-0 md:space-x-4 p-3 rounded-lg border border-white/10 sm:border-border bg-white/5 sm:bg-card sm:hover:bg-white/5 transition-colors cursor-pointer overflow-hidden w-full" className="flex flex-col md:flex-row md:items-start space-y-2 md:space-y-0 md:space-x-4 p-3 rounded-lg border border-white/10 sm:border-border bg-white/5 sm:bg-card sm:hover:bg-white/5 transition-colors cursor-pointer overflow-hidden box-border"
onClick={() => { onClick={() => {
if (log.isEvent) { if (log.isEvent) {
setSelectedEvent(log.eventData) setSelectedEvent(log.eventData)
@@ -943,17 +943,17 @@ export function SystemLogs() {
)} )}
</div> </div>
<div className="flex-1 min-w-0 overflow-hidden"> <div className="flex-1 min-w-0 overflow-hidden box-border">
<div className="flex items-center justify-between mb-1"> <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-1 gap-1">
<div className="text-sm font-medium text-foreground truncate flex-1 min-w-0"> <div className="text-sm font-medium text-foreground truncate min-w-0">{log.service}</div>
{log.service} <div className="text-xs text-muted-foreground font-mono truncate sm:ml-2 sm:flex-shrink-0">
</div>
<div className="text-xs text-muted-foreground font-mono whitespace-nowrap ml-2 flex-shrink-0">
{log.timestamp} {log.timestamp}
</div> </div>
</div> </div>
<div className="text-sm text-foreground mb-1 line-clamp-2 break-all">{log.message}</div> <div className="text-sm text-foreground mb-1 line-clamp-2 break-all overflow-hidden">
<div className="text-xs text-muted-foreground truncate break-all"> {log.message}
</div>
<div className="text-xs text-muted-foreground truncate break-all overflow-hidden">
{log.source} {log.source}
{log.pid && ` • PID: ${log.pid}`} {log.pid && ` • PID: ${log.pid}`}
{log.hostname && ` • Host: ${log.hostname}`} {log.hostname && ` • Host: ${log.hostname}`}