diff --git a/src/webview/bundle/Form.tsx b/src/webview/bundle/Form.tsx
index ffe940f1..916dbf93 100644
--- a/src/webview/bundle/Form.tsx
+++ b/src/webview/bundle/Form.tsx
@@ -4,7 +4,7 @@
*-----------------------------------------------------------------------------------------------*/
-import { Button, Paper, Typography } from '@material-ui/core';
+import { Button, Typography } from '@material-ui/core';
import { useForm } from 'react-hook-form';
import { FormInputText } from './form-components/FormInputText';
import * as React from 'react';
@@ -60,51 +60,27 @@ export function Form () {
}
return (
-
-
+
+ Create Bundle
+
+
+ This workflow will help to create a bundle and push it to remote registry.
+
+
+
+
+
+
+
);
}
diff --git a/src/webview/bundle/form-components/FormInputText.tsx b/src/webview/bundle/form-components/FormInputText.tsx
index 62f62468..7ac790b9 100644
--- a/src/webview/bundle/form-components/FormInputText.tsx
+++ b/src/webview/bundle/form-components/FormInputText.tsx
@@ -54,7 +54,7 @@ export function FormInputText({label, setValue, placeHolder, fieldType }: FormIn
return setValue(text.target.value.trim());
}
}}
- style={{ width: '100%', paddingTop: '10px' }}
+ style={{ width: '40%', paddingTop: '10px', paddingBottom: '10px' }}
/>
);
diff --git a/src/webview/bundle/form-components/SelectAllTransferList.tsx b/src/webview/bundle/form-components/SelectAllTransferList.tsx
index edaed548..d7bbbe62 100644
--- a/src/webview/bundle/form-components/SelectAllTransferList.tsx
+++ b/src/webview/bundle/form-components/SelectAllTransferList.tsx
@@ -47,9 +47,7 @@ const StyledPopper = styled(Popper)(({ theme }) => ({
'& .MuiAutocomplete-paper': {
backgroundColor: 'var(--vscode-dropdown-background)',
color: 'var(--vscode-foreground)',
- transform: 'translate(-1px, 1px)',
- width: '500px',
- position: 'absolute',
+ transform: 'translate(1px, -1px)',
}
}));
@@ -77,7 +75,7 @@ export function LimitTags({ setValue, getValue }: FormInputProps) {
}}>
Tekton Resources
-
+
{
diff --git a/src/webview/bundle/style.scss b/src/webview/bundle/style.scss
index 69d7fd15..a4946da7 100644
--- a/src/webview/bundle/style.scss
+++ b/src/webview/bundle/style.scss
@@ -9,4 +9,33 @@
}
text-transform: none;
- }
\ No newline at end of file
+}
+
+.mainContainer,
+.formContainer,
+.form {
+ display: flex;
+ flex-direction: column;
+ font-family: var(--vscode-font-family);
+ // overflow-y: scroll;
+}
+
+.margin {
+ margin: 3rem;
+}
+
+.title {
+ width: 100%;
+ margin-bottom: 1rem;
+}
+
+.subTitle {
+ margin-bottom: 2rem;
+ max-width: 59rem;
+ justify-content: center;
+ word-spacing: 5px;
+ text-align: justify;
+ color: var(--vscode-foreground);
+ font-weight: normal;
+ font-size: 14px;
+}