pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-22 05:51:12 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat: Optimize moderation queue desktop layout and fix release lock

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-15 15:37:28 +00:00
parent 92759f917d
commit adad353e4b
3 changed files with 97 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/moderation/SubmissionChangesDisplay.tsx
View File

@@ -126,7 +126,7 @@ export function SubmissionChangesDisplay({
</div>
{(changes.action === 'edit' || changes.action === 'create') && changes.totalChanges > 0 && (
<div className="flex flex-wrap gap-1">
<div className="flex flex-wrap gap-1 lg:grid lg:grid-cols-3 xl:grid-cols-4">
{changes.fieldChanges.slice(0, 5).map((change, idx) => (
<FieldDiff key={idx} change={change} compact />
))}
@@ -221,7 +221,7 @@ export function SubmissionChangesDisplay({
{changes.fieldChanges.length > 0 && (
<div className="flex flex-col gap-2">
<h4 className="text-sm font-medium">Creation Data (with moderator edits highlighted)</h4>
<div className="grid gap-2">
<div className="grid gap-2 lg:grid-cols-2">
{changes.fieldChanges.map((change, idx) => {
// Highlight fields that were added OR modified by moderator
const wasEditedByModerator = item.original_data &&
@@ -254,7 +254,7 @@ export function SubmissionChangesDisplay({
{changes.fieldChanges.length > 0 && (
<div className="flex flex-col gap-2">
<h4 className="text-sm font-medium">Creation Data</h4>
<div className="grid gap-2">
<div className="grid gap-2 lg:grid-cols-2">
{changes.fieldChanges.map((change, idx) => (
<div key={idx}>
<FieldDiff change={change} />
@@ -300,7 +300,7 @@ export function SubmissionChangesDisplay({
{changes.fieldChanges.length > 0 && (
<div className="flex flex-col gap-2">
<h4 className="text-sm font-medium">Field Changes ({changes.fieldChanges.length})</h4>
<div className="grid gap-2">
<div className="grid gap-2 lg:grid-cols-2">
{changes.fieldChanges.map((change, idx) => (
<FieldDiff key={idx} change={change} />
))}