Admin/panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Improve layout of project status indicators for better alignment and visibility

Browse Source
This commit is contained in:
RKWojs
2025-09-19 07:40:33 +02:00
parent c39746f4f6
commit 94b46be15b
1 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/app/projects/page.js
View File

@@ -545,20 +545,22 @@ export default function ProjectListPage() {
? "P+B" ? "P+B"
: "-"} : "-"}
</td> </td>
<td className="px-2 py-3 text-xs text-gray-600 flex justify-center items-center"> <td className="px-2 py-3 text-xs text-gray-600">
{project.project_status === 'registered' ? ( <div className="flex justify-center items-center h-full">
<span className="text-red-500 font-bold text-sm" title={t('projectStatus.registered')}>N</span> {project.project_status === 'registered' ? (
) : project.project_status === 'in_progress_design' ? ( <span className="text-red-500 font-bold text-sm" title={t('projectStatus.registered')}>N</span>
<span className="inline-block w-3 h-3 bg-blue-500 rounded-full" title={t('projectStatus.in_progress_design')}></span> ) : project.project_status === 'in_progress_design' ? (
) : project.project_status === 'in_progress_construction' ? ( <span className="inline-block w-3 h-3 bg-blue-500 rounded-full" title={t('projectStatus.in_progress_design')}></span>
<span className="inline-block w-3 h-3 bg-yellow-400 rounded-full" title={t('projectStatus.in_progress_construction')}></span> ) : project.project_status === 'in_progress_construction' ? (
) : project.project_status === 'fulfilled' ? ( <span className="inline-block w-3 h-3 bg-yellow-400 rounded-full" title={t('projectStatus.in_progress_construction')}></span>
<span className="inline-block w-3 h-3 bg-green-500 rounded-full" title={t('projectStatus.fulfilled')}></span> ) : project.project_status === 'fulfilled' ? (
) : project.project_status === 'cancelled' ? ( <span className="inline-block w-3 h-3 bg-green-500 rounded-full" title={t('projectStatus.fulfilled')}></span>
<span className="text-red-500 font-bold text-lg" title={t('projectStatus.cancelled')}>×</span> ) : project.project_status === 'cancelled' ? (
) : ( <span className="text-red-500 font-bold text-lg" title={t('projectStatus.cancelled')}>×</span>
<span title="Unknown status">-</span> ) : (
)} <span title="Unknown status">-</span>
)}
</div>
</td> </td>
<td className="px-2 py-3"> <td className="px-2 py-3">
<Link href={`/projects/${project.project_id}`}> <Link href={`/projects/${project.project_id}`}>