santasri.pachhal/road-monitoring-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: redesign result section

Browse Source
This commit is contained in:
santasri.pachhal
2026-03-10 16:45:54 +05:30
parent 1a14596779
commit c65fb255f9
3 changed files with 26 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/results/[videoId]/page.tsx
View File

@@ -116,7 +116,7 @@ export default function VideoResultsPage() {
}
return (
<div className="min-h-screen text-gray-900 dark:text-gray-100">
<div className="min-h-screen max-w-340 mx-auto text-gray-900 dark:text-gray-100">
<SidebarNavigation />
<main className="ml-20 min-h-screen">
<div className="container mx-auto px-6 py-8 max-w-full">
@@ -130,7 +130,7 @@ export default function VideoResultsPage() {
{session && (
<div className="mb-6">
<div className="flex items-center justify-between p-4 rounded-xl bg-card border border-[var(--border)] shadow-sm backdrop-blur-sm bg-white/60 dark:bg-gray-800/60">
<div className="flex items-center justify-between rounded-md px-4 py-3 bg-white/60 backdrop-blur-sm">
<div className="flex items-center gap-12">
<div className="flex flex-col">
<span className="text-[10px] font-bold uppercase tracking-wider text-muted-foreground leading-none mb-1.5">Project</span>
@@ -151,7 +151,7 @@ export default function VideoResultsPage() {
</span>
</div>
</div>
<Button onClick={handleNewAnalysis} variant="outline" size="sm" className="text-xs">
<Button onClick={handleNewAnalysis} variant="outline" size="sm" className="btn-blue-gradient">
Start New
</Button>
</div>

2
app/upload/[videoId]/page.tsx
View File

@@ -168,7 +168,7 @@ export default function VideoProcessingPage() {
</div>
)}
<Card className="rounded-2xl overflow-hidden bg-white/60 dark:bg-gray-900/60 backdrop-blur-xl border border-white/40 dark:border-gray-800/40 shadow-2xl flex flex-col items-center justify-center py-12 px-8 min-h-[450px]">
<Card className="rounded-md overflow-hidden bg-white/60 backdrop-blur-xl flex flex-col items-center justify-center py-12 px-8 min-h-[450px]">
<div className="flex flex-col items-center justify-center w-full max-w-4xl space-y-8">
{/* Visual Spinner Area */}
<div className="relative">