github/ai-toolkit
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Made the UI mobile friendly, finally...

Browse Source
This commit is contained in:
Jaret Burkett
2026-05-19 09:27:36 -06:00
parent 6ecaf679dc
commit df851b3497
22 changed files with 325 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ui/src/components/JobOverview.tsx
View File

@@ -90,9 +90,9 @@ export default function JobOverview({ job }: JobOverviewProps) {
}
return (
<div className="grid grid-cols-1 gap-6 md:grid-cols-3">
<div className="grid grid-cols-1 gap-4 md:gap-6 md:grid-cols-3">
{/* Job Information Panel */}
<div className="col-span-2 bg-gray-900 rounded-xl shadow-lg overflow-hidden border border-gray-800 flex flex-col">
<div className="md:col-span-2 bg-gray-900 rounded-xl shadow-lg overflow-hidden border border-gray-800 flex flex-col">
<div className="bg-gray-800 px-4 py-3 flex items-center justify-between">
<h2 className="text-gray-100">
<Info className="w-5 h-5 mr-2 -mt-1 text-amber-600 dark:text-amber-400 inline-block" /> {job.info}
@@ -165,7 +165,7 @@ export default function JobOverview({ job }: JobOverviewProps) {
</div>
{/* GPU Widget Panel */}
<div className="col-span-1">
<div className="md:col-span-1">
<div>{isCPUInfoLoaded && cpuInfo && <CPUWidget cpu={cpuInfo} />}</div>
<div className="mt-4">{isGPUInfoLoaded && gpuList.length > 0 && <GPUWidget gpu={gpuList[0]} />}</div>
{jobType === 'train' && (