Skip to content

Commit 9965065

Browse files
danialraza03danialraza03
authored
Merge pull request #338 from zenml-io/ahsan_secrets_2
fields width updated
2 parents 1fb677a + be81316 commit 9965065

File tree

8 files changed

+34
-34
lines changed

8 files changed

+34
-34
lines changed

‎src/ui/layouts/NonEditableConfig/index.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ export const NonEditableConfig: React.FC<{ details: any }> = ({ details }) => {
3030
return (
3131
<>
3232
{flavor?.config_schema?.properties[elementName].sensitive ? (
33-
<Box marginTop="lg" style={{ width: '329px' }}>
33+
<Box marginTop="lg" style={{ width: '417px' }}>
3434
<EditField
3535
disabled
3636
// onKeyDown={(e: any) => onPressEnter(e, 'string', elementName)}
@@ -44,7 +44,7 @@ export const NonEditableConfig: React.FC<{ details: any }> = ({ details }) => {
4444
/>
4545
</Box>
4646
) : (
47-
<Box marginTop="lg">
47+
<Box marginTop="lg" style={{ width: '417px' }}>
4848
<EditField
4949
disabled
5050
// onKeyDown={(e: any) => onPressEnter(e, 'string', elementName)}
@@ -75,7 +75,7 @@ export const NonEditableConfig: React.FC<{ details: any }> = ({ details }) => {
7575
<label htmlFor="key">{titleCase(elementName)}</label>
7676
</Paragraph>
7777
</Box>
78-
<FlexBox marginTop="sm" fullWidth>
78+
<FlexBox marginTop="sm" style={{ width: '417px' }}>
7979
<textarea
8080
disabled
8181
className={styles.textArea}
@@ -118,7 +118,7 @@ export const NonEditableConfig: React.FC<{ details: any }> = ({ details }) => {
118118
// }
119119
if (flavor?.config_schema?.properties[elementName]?.type === 'object') {
120120
return (
121-
<Box marginTop="lg" style={{ width: '100%' }}>
121+
<Box marginTop="lg" style={{ width: '417px' }}>
122122
<Paragraph size="body" style={{ color: 'black' }}>
123123
<label htmlFor={elementName}>{titleCase(elementName)}</label>
124124
</Paragraph>
@@ -343,7 +343,7 @@ export const NonEditableConfig: React.FC<{ details: any }> = ({ details }) => {
343343
&#x27A4;
344344
</div>
345345

346-
<div className="form-group col-sm-8">
346+
<div className="form-group" style={{ width: '390px' }}>
347347
<EditField
348348
disabled
349349
className={styles.field}
@@ -456,7 +456,7 @@ export const NonEditableConfig: React.FC<{ details: any }> = ({ details }) => {
456456
<FlexBox.Column marginTop="xl" fullWidth>
457457
<FlexBox.Row flexDirection="column">
458458
{/* <Container> */}
459-
<Box style={{ width: '80%' }}>
459+
<Box style={{ width: '417px' }}>
460460
<EditField
461461
disabled
462462
onChangeText={() => console.log('')}

‎src/ui/layouts/common/SidePopup/index.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -52,9 +52,9 @@ export const SidePopup: React.FC<{
5252
title="ZenML - Organization Embed"
5353
style={{
5454
// border: '0px',
55-
// height: '100vh',
55+
// height: '100%',
5656
// width: '100%',
57-
// paddingBottom: '200px',
57+
paddingBottom: '270px',
5858
}}
5959
// src="https://apidocs.zenml.io/0.35.0/"
6060
src={flavor?.sdkDocsUrl ? flavor?.sdkDocsUrl : flavor?.docsUrl}

‎src/ui/layouts/secrets/SecretDetail/Configuration/index.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -82,6 +82,7 @@ export const Configuration: React.FC<{
8282
value={secret?.name}
8383
disabled
8484
onChange={() => {}}
85+
style={{ backgroundColor: 'rgba(168, 168, 168, 0.1)' }}
8586
/>
8687
</Box>
8788
<Box marginTop="lg" style={{ width: '329px' }}>
@@ -93,7 +94,7 @@ export const Configuration: React.FC<{
9394
onChange={() => {}}
9495
disabled
9596
options={[] as any}
96-
style={{ paddingLeft: '10px' }}
97+
style={{ paddingLeft: '10px', backgroundColor: 'rgba(168, 168, 168, 0.1)', color: '#a1a4ab' }}
9798
/>
9899
</Box>
99100

‎src/ui/layouts/secrets/Selector/SelectorDisabled.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,7 @@ const SelectorDisabled: React.FC<Props> = ({ label, inputFields, width }) => {
3434
value={item[0]}
3535
disabled
3636
placeholder={''}
37+
style={{ backgroundColor: 'rgba(168, 168, 168, 0.1)' }}
3738
/>
3839
</Box>
3940
{console.log(item, 'itemitem')}
@@ -47,6 +48,7 @@ const SelectorDisabled: React.FC<Props> = ({ label, inputFields, width }) => {
4748
placeholder={''}
4849
error={{}}
4950
showPasswordOption
51+
style={{ backgroundColor: 'rgba(168, 168, 168, 0.1)' }}
5052
/>
5153
</Box>
5254
</Box>

‎src/ui/layouts/stackComponents/ConfigureComponent/CreateComponent/index.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -316,7 +316,7 @@ export const CreateComponent: React.FC<{ flavor: any; state: any }> = ({
316316
<Box
317317
className="form-group"
318318
marginRight="md"
319-
style={{ width: '192px' }}
319+
style={{ width: '185px' }}
320320
>
321321
<FormTextField
322322
onChange={(event: any) =>
@@ -334,7 +334,7 @@ export const CreateComponent: React.FC<{ flavor: any; state: any }> = ({
334334
/>
335335
</Box>
336336

337-
<Box className="form-group" style={{ width: '192px' }}>
337+
<Box className="form-group" style={{ width: '185px' }}>
338338
<FormTextField
339339
onChange={(event: any) =>
340340
handleInputChange(
@@ -631,7 +631,7 @@ export const CreateComponent: React.FC<{ flavor: any; state: any }> = ({
631631
<Box
632632
className="form-group"
633633
marginRight="md"
634-
style={{ width: '400px' }}
634+
style={{ width: '385px' }}
635635
>
636636
<FormTextField
637637
onChange={
@@ -912,7 +912,7 @@ export const CreateComponent: React.FC<{ flavor: any; state: any }> = ({
912912
</Box> */}
913913

914914
<FlexBox.Row style={{ width: '100%' }}>
915-
<Box style={{ width: '50rem' }}>
915+
<Box style={{ width: '417px' }}>
916916
<FormTextField
917917
onChange={(e: any) => {
918918
setComponentName(e);

‎src/ui/layouts/stackComponents/ConfigureComponent/SidePopup/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ export const SidePopup: React.FC<{
3030
border: '0px',
3131
height: '100vh',
3232
width: '100%',
33-
paddingBottom: '200px',
33+
paddingBottom: '255px',
3434
}}
3535
// src="https://apidocs.zenml.io/0.35.0/"
3636
src={flavor?.sdkDocsUrl ? flavor?.sdkDocsUrl : flavor?.docsUrl}

‎src/ui/layouts/stackComponents/StackDetail/Configuration/index.tsx‎

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -250,7 +250,7 @@ export const Configuration: React.FC<{ stackId: TId; loading?: boolean }> = ({
250250
return (
251251
<>
252252
{flavor?.configSchema?.properties[elementName].sensitive ? (
253-
<Box marginTop="lg" style={{ width: '329px' }}>
253+
<Box marginTop="lg" style={{ width: '417px' }}>
254254
<EditField
255255
disabled
256256
// onKeyDown={(e: any) => onPressEnter(e, 'string', elementName)}
@@ -264,7 +264,7 @@ export const Configuration: React.FC<{ stackId: TId; loading?: boolean }> = ({
264264
/>
265265
</Box>
266266
) : (
267-
<Box marginTop="lg">
267+
<Box marginTop="lg" style={{ width: '417px' }}>
268268
<EditField
269269
disabled
270270
// onKeyDown={(e: any) => onPressEnter(e, 'string', elementName)}
@@ -300,6 +300,7 @@ export const Configuration: React.FC<{ stackId: TId; loading?: boolean }> = ({
300300
disabled
301301
className={styles.textArea}
302302
defaultValue={JSON.stringify(mappedObject[elementName])}
303+
style={{ width: '417px' }}
303304
onBlur={(e) => {
304305
const jsonStr = e.target.value;
305306
try {
@@ -338,7 +339,7 @@ export const Configuration: React.FC<{ stackId: TId; loading?: boolean }> = ({
338339
// }
339340
if (flavor?.configSchema?.properties[elementName]?.type === 'object') {
340341
return (
341-
<Box marginTop="lg" style={{ width: '100%' }}>
342+
<Box marginTop="lg" style={{ width: '415px' }}>
342343
<Paragraph size="body" style={{ color: 'black' }}>
343344
<label htmlFor={elementName}>{titleCase(elementName)}</label>
344345
</Paragraph>
@@ -650,7 +651,7 @@ export const Configuration: React.FC<{ stackId: TId; loading?: boolean }> = ({
650651
&#x27A4;
651652
</div>
652653

653-
<div className="form-group col-sm-8" style={{ width: '630px' }}>
654+
<div className="form-group" style={{ width: '383px' }}>
654655
<EditField
655656
disabled
656657
className={styles.field}
@@ -793,10 +794,10 @@ export const Configuration: React.FC<{ stackId: TId; loading?: boolean }> = ({
793794
return <FullWidthSpinner color="black" size="md" />;
794795
}
795796
return (
796-
<FlexBox.Column marginTop="xl" fullWidth>
797-
<FlexBox.Row flexDirection="column" style={{ width: '40%' }}>
797+
<FlexBox.Column marginTop="xl">
798+
<FlexBox.Row flexDirection="column">
798799
<Container>
799-
<Box>
800+
<Box style={{ width: '417px' }}>
800801
<EditField
801802
disabled
802803
onKeyDown={(e: any) => onPressEnter(e, 'name')}

‎src/ui/layouts/stackComponents/UpdateComponent/UpdateConfig/index.tsx‎

Lines changed: 9 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -521,7 +521,7 @@ export const UpdateConfig: React.FC<{
521521
return (
522522
<>
523523
{flavor?.configSchema?.properties[elementName].sensitive ? (
524-
<Box marginTop="lg" style={{ width: '329px' }}>
524+
<Box marginTop="lg" style={{ width: '417px' }}>
525525
<MakeSecretField
526526
required={flavor?.configSchema?.required?.includes(elementName)}
527527
label={titleCase(elementName) + ' (Secret)'}
@@ -593,7 +593,7 @@ export const UpdateConfig: React.FC<{
593593
/>
594594
</Box>
595595
) : (
596-
<Box marginTop="lg">
596+
<Box marginTop="lg" style={{ width: '417px' }}>
597597
<FormTextField
598598
onChange={(e: any) => {
599599
setMappedConfiguration((prevConfig: any) => ({
@@ -628,7 +628,7 @@ export const UpdateConfig: React.FC<{
628628
<label htmlFor="key">{titleCase(elementName)}</label>
629629
</Paragraph>
630630
</Box>
631-
<FlexBox marginTop="sm" fullWidth>
631+
<FlexBox marginTop="sm" fullWidth style={{ width: '417px' }}>
632632
<textarea
633633
className={styles.textArea}
634634
defaultValue={JSON.stringify(mappedConfiguration[elementName])}
@@ -717,10 +717,7 @@ export const UpdateConfig: React.FC<{
717717
&#x27A4;
718718
</div>
719719

720-
<Box className="form-group"
721-
marginRight="md"
722-
style={{ width: '200px' }}
723-
>
720+
<Box className="form-group" marginRight="md" style={{ width: '184px' }}>
724721
<FormTextField
725722
onChange={(event: any) => {
726723
const values = { ...inputFields };
@@ -735,8 +732,7 @@ export const UpdateConfig: React.FC<{
735732
/>
736733
</Box>
737734

738-
<Box className="form-group"
739-
style={{ width: '200px' }}>
735+
<Box className="form-group" style={{ width: '184px' }}>
740736
<FormTextField
741737
onChange={(event: any) => {
742738
const values = { ...inputFields };
@@ -879,7 +875,7 @@ export const UpdateConfig: React.FC<{
879875
&#x27A4;
880876
</div>
881877

882-
<Box className="form-group" style={{ width: '420px' }}>
878+
<Box className="form-group" style={{ width: '383px' }}>
883879
<FormTextField
884880
onChange={(event: any) => {
885881
const values = [
@@ -1065,10 +1061,10 @@ export const UpdateConfig: React.FC<{
10651061
return <FullWidthSpinner color="black" size="md" />;
10661062
}
10671063
return (
1068-
<FlexBox.Column marginTop="xl" fullWidth>
1069-
<FlexBox.Row flexDirection="column" style={{ width: '40%' }}>
1064+
<FlexBox.Column marginTop="xl">
1065+
<FlexBox.Row flexDirection="column">
10701066
<Container>
1071-
<Box>
1067+
<Box style={{ width: '417px' }}>
10721068
<FormTextField
10731069
onChange={(e: any) => {
10741070
setComponentName(e);

0 commit comments

Comments
 (0)