ZHAW/BA_TTS_Annotation_Plattform
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: added progress indicator on mobile (as no sidebar menu is present)

Browse Source
This commit is contained in:
averel10
2026-04-17 09:15:25 +02:00
parent 86e9f628fb
commit 4c1f97b867
1 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/AnnotationViews/AnnotationPageView.tsx
View File

@@ -273,7 +273,21 @@ export default function AnnotationPageView({
{/* Main content area */} {/* Main content area */}
<div className="flex-1 flex flex-col overflow-hidden"> <div className="flex-1 flex flex-col overflow-hidden">
{/* Top bar */} {/* Top bar */}
<div className="sticky top-1 z-40 bg-white border-b border-gray-200 pb-5 px-4"> <div className="sticky top-1 z-40 bg-white border-b border-gray-200 px-4 pb-4">
{/* Mobile progress indicator */}
<div className="md:hidden mb-3">
<div className="flex items-center justify-between mb-2">
<span className="text-xs font-semibold text-gray-700">Fortschritt</span>
<span className="text-xs text-gray-600">{annotatedCount}/{entries.length}</span>
</div>
<div className="w-full bg-gray-200 rounded-full h-2">
<div
className="bg-blue-500 h-2 rounded-full transition-all duration-500"
style={{ width: `${progressPct}%` }}
/>
</div>
</div>
<div className="flex items-center justify-between max-w-4xl mx-auto"> <div className="flex items-center justify-between max-w-4xl mx-auto">
{/* Toggle and Home buttons */} {/* Toggle and Home buttons */}
<div className="flex gap-3"> <div className="flex gap-3">