fix: fonts

AugustDev · Jul 11, 2024 · 7faadc3 · 7faadc3
1 parent 18840e7
commit 7faadc3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/src/app/components/Container/Container.tsx b/src/app/components/Container/Container.tsx
@@ -2,15 +2,17 @@ import { clsx } from "clsx"
 
 type ContainerProps = {
 	children: React.ReactNode
+	headerChildren?: React.ReactNode
 	sectionName: string
 	className?: string
 }
 
-export const Container = ({ children, className, sectionName }: ContainerProps) => {
+export const Container = ({ children, className, sectionName, headerChildren }: ContainerProps) => {
 	return (
 		<div className={clsx(className, "bg-white shadow-sm rounded-s mx-4 md:mx-0")}>
-			<header className="px-5 py-4 border-b border-gray-100">
+			<header className="flex items-center gap-x-4 px-5 py-4 border-b border-gray-100">
 				<h2 className="font-semibold text-gray-800">{sectionName}</h2>
+				{headerChildren}
 			</header>
 			<div className="px-6 py-6">{children}</div>
 		</div>

diff --git a/src/app/runs/[id]/components/AggregateStats/AggregateStats.tsx b/src/app/runs/[id]/components/AggregateStats/AggregateStats.tsx
@@ -56,38 +56,36 @@ export const AggregateStats: React.FC<AggregateStatsProps> = ({
 			<dl className={clsx(className, "grid grid-cols-3 gap-5 px-4 md:px-0 mt-8 md:mt-0")}>
 				<div className="overflow-hidden rounded-md bg-white px-4 py-5 shadow h-24">
 					<dt className="truncate text-sm font-medium text-gray-500">Wall Time</dt>
-					<dd className="mt-1 text-2xl font-semibold tracking-tight text-gray-900">
+					<dd className="mt-1 text-xl font-semibold tracking-tight text-gray-900">
 						{completedAt && <div>{formatDifference(startedAt, completedAt)}</div>}
 						{!completedAt && <TimerDisplayDynamic startedAt={startedAt} />}
 					</dd>
 				</div>
 				<div className="overflow-hidden rounded-md bg-white px-4 py-5 shadow h-24">
 					<dt className="truncate text-sm font-medium text-gray-500">CPU time</dt>
-					<dd className="mt-1 text-2xl font-semibold tracking-tight text-gray-900">
-						{aggregates.cpuTime.toFixed(2)} h
-					</dd>
+					<dd className="mt-1 text-xl font-semibold tracking-tight text-gray-900">{aggregates.cpuTime.toFixed(2)} h</dd>
 				</div>
 				<div className="overflow-hidden rounded-md bg-white px-4 py-5 shadow h-24">
 					<dt className="truncate text-sm font-medium text-gray-500">Total Memory</dt>
-					<dd className="mt-1 text-2xl font-semibold tracking-tight text-gray-900">
+					<dd className="mt-1 text-xl font-semibold tracking-tight text-gray-900">
 						{bytes(aggregates.totalMemory, { unitSeparator: " " })}
 					</dd>
 				</div>
 				<div className="overflow-hidden rounded-md bg-white px-4 py-5 shadow h-24">
 					<dt className="truncate text-sm font-medium text-gray-500">Storage Read</dt>
-					<dd className="mt-1 text-2xl font-semibold tracking-tight text-gray-900">
+					<dd className="mt-1 text-xl font-semibold tracking-tight text-gray-900">
 						{bytes(aggregates.storageRead, { unitSeparator: " " })}
 					</dd>
 				</div>
 				<div className="overflow-hidden rounded-md bg-white px-4 py-5 shadow h-24">
 					<dt className="truncate text-sm font-medium text-gray-500">Storage Write</dt>
-					<dd className="mt-1 text-2xl font-semibold tracking-tight text-gray-900">
+					<dd className="mt-1 text-xl font-semibold tracking-tight text-gray-900">
 						{bytes(aggregates.storageWrite, { unitSeparator: " " })}
 					</dd>
 				</div>
 				<div className="overflow-hidden rounded-md bg-white px-4 py-5 shadow h-24">
 					<dt className="truncate text-sm font-medium text-gray-500">Estimated Cost</dt>
-					<dd className="mt-1 text-2xl font-semibold tracking-tight text-gray-900">$ {costEstimate.toFixed(3)}</dd>
+					<dd className="mt-1 text-xl font-semibold tracking-tight text-gray-900">$ {costEstimate.toFixed(3)}</dd>
 				</div>
 			</dl>
 		</div>