Refactor: Improve desktop layout and fix release lock

This commit is contained in:
gpt-engineer-app[bot]
2025-10-15 15:02:30 +00:00
parent 415aa45f4c
commit 9904a0c36b
3 changed files with 19 additions and 6 deletions

View File

@@ -413,7 +413,7 @@ export const QueueItem = memo(({
/>
</div>
<div className={`flex gap-2 pt-2 ${isMobile ? 'flex-col' : 'flex-col sm:flex-row'}`}>
<div className={isMobile ? 'flex flex-col gap-2 pt-2' : 'grid grid-cols-2 lg:grid-cols-4 gap-2 pt-2'}>
{/* Show Review Items button for content submissions */}
{item.type === 'content_submission' && (
<>
@@ -421,7 +421,7 @@ export const QueueItem = memo(({
onClick={() => onOpenReviewManager(item.id)}
disabled={actionLoading === item.id || isLockedByOther || currentLockSubmissionId !== item.id}
variant="outline"
className={`flex-1 ${isMobile ? 'h-11' : ''}`}
className={isMobile ? 'h-11' : ''}
size={isMobile ? "default" : "default"}
>
<ListTree className={isMobile ? "w-5 h-5 mr-2" : "w-4 h-4 mr-2"} />
@@ -453,7 +453,7 @@ export const QueueItem = memo(({
<Button
onClick={() => onApprove(item, 'approved', notes[item.id])}
disabled={actionLoading === item.id || isLockedByOther || currentLockSubmissionId !== item.id}
className={`flex-1 ${isMobile ? 'h-11' : ''}`}
className={isMobile ? 'h-11' : ''}
size={isMobile ? "default" : "default"}
>
<CheckCircle className={isMobile ? "w-5 h-5 mr-2" : "w-4 h-4 mr-2"} />
@@ -463,7 +463,7 @@ export const QueueItem = memo(({
variant="destructive"
onClick={() => onApprove(item, 'rejected', notes[item.id])}
disabled={actionLoading === item.id || isLockedByOther || currentLockSubmissionId !== item.id}
className={`flex-1 ${isMobile ? 'h-11' : ''}`}
className={isMobile ? 'h-11' : ''}
size={isMobile ? "default" : "default"}
>
<XCircle className={isMobile ? "w-5 h-5 mr-2" : "w-4 h-4 mr-2"} />