Merge pull request #45 from iamando/develop

ando · web-flow · commit 9e490cca0a57 · 2023-06-11T17:30:31.000+03:00
feature: impliment ui and add into , outro
diff --git a/media/main.css b/media/main.css
@@ -4,5 +4,14 @@ body {
 }
 
 select#commit-type {
+  margin-top: 30px;
   margin-bottom: 10px;
 }
+
+textarea#commit-input {
+  margin-bottom: 15px;
+}
+
+button#commit-button {
+  margin-bottom: 15px;
+}
diff --git a/src/providers/source-control.ts b/src/providers/source-control.ts
@@ -73,7 +73,12 @@ class SourceControlProvider implements vscode.WebviewViewProvider {
         <title>Source Control</title>
       </head>
       <body>
-        <div>
+        <span class="intro">Welcome to Commitizen Code</span>
+        <br>
+        <br>
+        <span class="link">This is the VSCode Extension for the Commitizen CLI, you can found it <a href="https://www.npmjs.com/package/commitizen-cli">here</a></span>
+
+        <div class="input-container">
           <select id="commit-type" name="commit-type">
             <option value="feature">Feature</option>
             <option value="bugfix">Bugfix</option>
@@ -90,6 +95,8 @@ class SourceControlProvider implements vscode.WebviewViewProvider {
 
         <button id="commit-button">Commit</button>
 
+        <span class="outro">Start your commit journey from now.</span>
+
         <script nonce="${nonce}" src="${scriptUri}"></script>
       </body>
       </html>`
