Dokploy/dokploy
1
0
Fork 0
mirror of https://github.com/Dokploy/dokploy synced 2025-06-26 18:27:59 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: no time found block same width as the timestamp ones

Browse Source
This commit is contained in:
usopp
2024-12-12 19:28:16 +01:00
parent 8546031df0
commit d374f5eedf
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/dokploy/components/dashboard/docker/logs/terminal-line.tsx
View File

@@ -45,7 +45,7 @@ export function TerminalLine({ log, searchTerm }: LogLineProps) {
); );
}; };
const tooltip = (color: string, timestamp: string) => { const tooltip = (color: string, timestamp: string | null) => {
return ( return (
<TooltipProvider> <TooltipProvider>
<Tooltip> <Tooltip>
@@ -56,7 +56,7 @@ export function TerminalLine({ log, searchTerm }: LogLineProps) {
</TooltipTrigger> </TooltipTrigger>
<TooltipContent> <TooltipContent>
<p className="text text-xs text-muted-foreground break-all max-w-md"> <p className="text text-xs text-muted-foreground break-all max-w-md">
{timestamp} {timestamp || "--- No time found ---"}
</p> </p>
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
@@ -79,7 +79,7 @@ export function TerminalLine({ log, searchTerm }: LogLineProps) {
<div className="flex items-start gap-x-2"> <div className="flex items-start gap-x-2">
{/* Icon to expand the log item maybe implement a colapsible later */} {/* Icon to expand the log item maybe implement a colapsible later */}
{/* <Square className="size-4 text-muted-foreground opacity-0 group-hover/logitem:opacity-100 transition-opacity" /> */} {/* <Square className="size-4 text-muted-foreground opacity-0 group-hover/logitem:opacity-100 transition-opacity" /> */}
{rawTimestamp && tooltip(color, rawTimestamp)} {tooltip(color, rawTimestamp)}
<span className="select-none pl-2 text-muted-foreground w-full sm:w-40 flex-shrink-0"> <span className="select-none pl-2 text-muted-foreground w-full sm:w-40 flex-shrink-0">
{formattedTime} {formattedTime}
</span> </span>