From 3a88be4a7cd9deb15db684b8d97315191b21b4c9 Mon Sep 17 00:00:00 2001
From: jordan-ae <arreyetta1jnr@gmail.com>
Date: Mon, 16 Dec 2024 16:41:29 +0100
Subject: [PATCH] feat: add width to each card

---
 src/people/utils/BountyCreationConstant.ts | 35 ++++++++++++----------
 1 file changed, 20 insertions(+), 15 deletions(-)

diff --git a/src/people/utils/BountyCreationConstant.ts b/src/people/utils/BountyCreationConstant.ts
index ff8dc473..68398a37 100644
--- a/src/people/utils/BountyCreationConstant.ts
+++ b/src/people/utils/BountyCreationConstant.ts
@@ -8,9 +8,10 @@ export const BountyDetailsCreationData = {
     schema2: [''],
     required: [''],
     outerContainerStyle: {
-      minWidth: '712px',           // Retains the current minimum width
-     maxWidth: 'min(75vw, calc(712px * 2.5))',          // 2.5x the minimum width (712 * 2.5 = 1780)              // Expands to 75% of the viewport width            // Retains the fixed height
-      margin: '0 auto'             // Ensures modal is centered horizontally
+      minWidth: '712px', // Retains the current minimum width
+      maxWidth: 'min(75vw, calc(712px * 2.5))', // 2.5x the minimum width (712 * 2.5 = 1780)
+      width: '75vw', // Retains the fixed height
+      margin: '0 auto' // Ensures modal is centered horizontally
     },
     headingStyle: {},
     extraText: ''
@@ -24,9 +25,10 @@ export const BountyDetailsCreationData = {
     schema2: ['wanted_type', 'coding_languages'],
     required: ['one_sentence_summary', 'wanted_type'],
     outerContainerStyle: {
-      minWidth: '712px',           // Retains the current minimum width
-     maxWidth: 'min(75vw, calc(712px * 2.5))',          // 2.5x the minimum width (712 * 2.5 = 1780)             // Expands to 75% of the viewport width        // Retains the fixed height
-      margin: '0 auto'             // Ensures modal is centered horizontally
+      minWidth: '712px', // Retains the current minimum width
+      maxWidth: 'min(75vw, calc(712px * 2.5))', // 2.5x the minimum width (712 * 2.5 = 1780)
+      width: '75vw', // Retains the fixed height
+      margin: '0 auto' // Ensures modal is centered horizontally
     },
     headingStyle: {},
     extraText: '* Required fields'
@@ -40,9 +42,10 @@ export const BountyDetailsCreationData = {
     schema2: [' ', 'loomEmbedUrl'],
     required: [''],
     outerContainerStyle: {
-      minWidth: '712px',           // Retains the current minimum width
-     maxWidth: 'min(75vw, calc(712px * 2.5))',          // 2.5x the minimum width (712 * 2.5 = 1780)              // Expands to 75% of the viewport width         // Retains the fixed height
-      margin: '0 auto'             // Ensures modal is centered horizontally
+      minWidth: '712px', // Retains the current minimum width
+      maxWidth: 'min(75vw, calc(712px * 2.5))', // 2.5x the minimum width (712 * 2.5 = 1780)
+      width: '75vw', // Retains the fixed height
+      margin: '0 auto' // Ensures modal is centered horizontally
     },
     headingStyle: {},
     extraText: '* Required fields'
@@ -56,9 +59,10 @@ export const BountyDetailsCreationData = {
     schema2: ['tribe', 'deliverables', 'show'],
     required: ['price'],
     outerContainerStyle: {
-      minWidth: '712px',           // Retains the current minimum width
-     maxWidth: 'min(75vw, calc(712px * 2.5))',          // 2.5x the minimum width (712 * 2.5 = 1780)        // Expands to 75% of the viewport width        // Retains the fixed height
-      margin: '0 auto'             // Ensures modal is centered horizontally
+      minWidth: '712px', // Retains the current minimum width
+      maxWidth: 'min(75vw, calc(712px * 2.5))', // 2.5x the minimum width (712 * 2.5 = 1780)
+      width: '75vw', // Retains the fixed height
+      margin: '0 auto' // Ensures modal is centered horizontally
     },
     headingStyle: {},
     extraText: '* Required fields'
@@ -72,9 +76,10 @@ export const BountyDetailsCreationData = {
     schema2: [''],
     required: [''],
     outerContainerStyle: {
-     minWidth: '388px',
-     maxWidth: '388px',
-     margin: '0 auto'
+      minWidth: '388px',
+      maxWidth: '388px',
+      width: '388px',
+      margin: '0 auto'
     },
     headingStyle: {},
     extraText: ''