From 57d056ec83be5dab3808b23a71ca6f4abd2e9300 Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Fri, 30 Aug 2024 11:59:59 +0100 Subject: [PATCH] Project solution modal UI design --- .../Projects/ProjectSolutionModal.tsx | 19 +++++++++---------- 1 file changed, 9 insertions(+), 10 deletions(-) diff --git a/src/components/Projects/ProjectSolutionModal.tsx b/src/components/Projects/ProjectSolutionModal.tsx index b2f11aa01..0cda0b5cf 100644 --- a/src/components/Projects/ProjectSolutionModal.tsx +++ b/src/components/Projects/ProjectSolutionModal.tsx @@ -131,15 +131,14 @@ export function ProjectSolutionModal(props: ProjectSolutionModalProps) { deleteUrlParam('u'); window.location.reload(); }} + wrapperClassName={'max-w-lg'} + bodyClassName={'h-auto'} >
-
-

{projectTitle}

- -
-

{projectDescription}

+

{projectTitle}

+

{projectDescription}

-
+

{solution?.user.name}'s Solution

- {submittedAlternatives[Math.floor(Math.random() * submittedAlternatives.length)] || 'Submitted'}{' '} + Submitted their solution{' '} {getRelativeTimeString(solution?.submittedAt!)}

@@ -162,7 +161,7 @@ export function ProjectSolutionModal(props: ProjectSolutionModalProps) {
@@ -171,7 +170,7 @@ export function ProjectSolutionModal(props: ProjectSolutionModalProps) { -
+
handleSubmitVote(solution?.id!, 'downvote')} />