fix(teams): move submitted badge to info row

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Maulana Sodiqin
2025-11-29 16:51:43 +07:00
co-authored by Claude
parent 7e5e4cc29b
commit 427d2b69c7
+5 -7
View File
@@ -199,18 +199,16 @@ const BrowseTeamsPage: FC = (): ReactElement => {
</div> </div>
)} )}
<div className="flex-1 min-w-0"> <div className="flex-1 min-w-0">
<div className="flex items-start gap-2"> <h3 className="text-lg font-bold text-gray-900 dark:text-white line-clamp-1 leading-tight">
<h3 className="text-lg font-bold text-gray-900 dark:text-white line-clamp-1 leading-tight flex-1 min-w-0"> {team.name}
{team.name} </h3>
</h3> <div className="text-sm font-sans text-gray-600 dark:text-gray-400 flex items-center gap-2 mt-1">
{team.has_submission && ( {team.has_submission && (
<span className="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400 shrink-0 mt-0.5"> <span className="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400 shrink-0">
<Icon icon="mdi:check-circle" className="text-sm" /> <Icon icon="mdi:check-circle" className="text-sm" />
Submitted Submitted
</span> </span>
)} )}
</div>
<div className="text-sm font-sans text-gray-600 dark:text-gray-400 flex gap-2 mt-1">
<p className="truncate flex-1 min-w-0 flex items-center gap-x-1"> <p className="truncate flex-1 min-w-0 flex items-center gap-x-1">
<Icon icon="mdi:map-marker" />{' '} <Icon icon="mdi:map-marker" />{' '}
<span>{team.city}</span> <span>{team.city}</span>