@@ -70,7 +70,7 @@ export const NonEditableConfig: React.FC<{ details: any }> = ({ details }) => {
7070 return (
7171 < >
7272 { ' ' }
73- < Box marginTop = "sm " >
73+ < Box marginTop = "lg " >
7474 < Paragraph size = "body" style = { { color : '#000' } } >
7575 < label htmlFor = "key" > { titleCase ( elementName ) } </ label >
7676 </ Paragraph >
@@ -126,22 +126,22 @@ export const NonEditableConfig: React.FC<{ details: any }> = ({ details }) => {
126126 { Object . keys ( elementSchema ) . length < 1 && (
127127 < Box style = { { position : 'relative' } } >
128128 < div
129- style = { {
130- position : 'absolute' ,
131- bottom : '-5px' ,
132- width : '5px' ,
133- height : '5px' ,
134- borderRadius : '100%' ,
135- backgroundColor : 'rgba(68, 62, 153, 0.3)' ,
136- } }
137- > </ div >
138-
139- < div
140- style = { {
141- borderLeft : '1px solid rgba(68, 62, 153, 0.3)' ,
142- marginLeft : '2px' ,
143- } }
144- >
129+ style = { {
130+ position : 'absolute' ,
131+ bottom : '-5px' ,
132+ width : '5px' ,
133+ height : '5px' ,
134+ borderRadius : '100%' ,
135+ backgroundColor : 'rgba(68, 62, 153, 0.3)' ,
136+ } }
137+ > </ div >
138+
139+ < div
140+ style = { {
141+ borderLeft : '1px solid rgba(68, 62, 153, 0.3)' ,
142+ marginLeft : '2px' ,
143+ } }
144+ >
145145 < FlexBox . Row >
146146 < Box
147147 style = { { display : 'flex' , alignItems : 'center' } }
@@ -205,49 +205,49 @@ export const NonEditableConfig: React.FC<{ details: any }> = ({ details }) => {
205205 </ FlexBox . Row >
206206 </ div >
207207 </ Box >
208- ) }
209-
210- < Box style = { { position : 'relative' } } >
211- < div
212- style = { {
213- position : 'absolute' ,
214- bottom : '-5px' ,
215- width : '5px' ,
216- height : '5px' ,
217- borderRadius : '100%' ,
218- backgroundColor : 'rgba(68, 62, 153, 0.3)' ,
219- } }
220- > </ div >
221-
222- < div
223- style = { {
224- borderLeft : '1px solid rgba(68, 62, 153, 0.3)' ,
225- marginLeft : '2px' ,
226- } }
227- >
228- { Object . entries ( elementSchema ) . map ( ( [ key , value ] , index ) => (
229- < FlexBox . Row >
230- < Box
231- style = { { display : 'flex' , alignItems : 'center' } }
232- marginTop = "sm"
233- >
234- < div
235- style = { {
236- marginTop : '30px' ,
237- width : '35px' ,
238- borderTop : '1px solid rgba(68, 62, 153, 0.3)' ,
239- } }
240- > </ div >
241- < div
242- style = { {
243- marginTop : '30px' ,
244- marginRight : '5px' ,
245- marginLeft : '-2px' ,
246- color : 'rgba(68, 62, 153, 0.3)' ,
247- } }
248- >
249- ➤
250- </ div >
208+ ) }
209+
210+ < Box style = { { position : 'relative' } } >
211+ < div
212+ style = { {
213+ position : 'absolute' ,
214+ bottom : '-5px' ,
215+ width : '5px' ,
216+ height : '5px' ,
217+ borderRadius : '100%' ,
218+ backgroundColor : 'rgba(68, 62, 153, 0.3)' ,
219+ } }
220+ > </ div >
221+
222+ < div
223+ style = { {
224+ borderLeft : '1px solid rgba(68, 62, 153, 0.3)' ,
225+ marginLeft : '2px' ,
226+ } }
227+ >
228+ { Object . entries ( elementSchema ) . map ( ( [ key , value ] , index ) => (
229+ < FlexBox . Row >
230+ < Box
231+ style = { { display : 'flex' , alignItems : 'center' } }
232+ marginTop = "sm"
233+ >
234+ < div
235+ style = { {
236+ marginTop : '30px' ,
237+ width : '35px' ,
238+ borderTop : '1px solid rgba(68, 62, 153, 0.3)' ,
239+ } }
240+ > </ div >
241+ < div
242+ style = { {
243+ marginTop : '30px' ,
244+ marginRight : '5px' ,
245+ marginLeft : '-2px' ,
246+ color : 'rgba(68, 62, 153, 0.3)' ,
247+ } }
248+ >
249+ ➤
250+ </ div >
251251
252252 < EditField
253253 disabled
@@ -301,22 +301,22 @@ export const NonEditableConfig: React.FC<{ details: any }> = ({ details }) => {
301301
302302 < Box style = { { position : 'relative' } } >
303303 < div
304- style = { {
305- position : 'absolute' ,
306- bottom : '10px' ,
307- width : '5px' ,
308- height : '5px' ,
309- borderRadius : '100%' ,
310- backgroundColor : 'rgba(68, 62, 153, 0.3)' ,
311- } }
312- > </ div >
313-
314- < div
315- style = { {
316- borderLeft : '1px solid rgba(68, 62, 153, 0.3)' ,
317- marginLeft : '2px' ,
318- } }
319- >
304+ style = { {
305+ position : 'absolute' ,
306+ bottom : '10px' ,
307+ width : '5px' ,
308+ height : '5px' ,
309+ borderRadius : '100%' ,
310+ backgroundColor : 'rgba(68, 62, 153, 0.3)' ,
311+ } }
312+ > </ div >
313+
314+ < div
315+ style = { {
316+ borderLeft : '1px solid rgba(68, 62, 153, 0.3)' ,
317+ marginLeft : '2px' ,
318+ } }
319+ >
320320 { mappedObject &&
321321 mappedObject [ elementName ] ?. map ( ( item : any , index : any ) => (
322322 < Fragment key = { index } >
0 commit comments