Adds sign in links to home view

gitkraken · Feb 17, 2022 · aeeb011 · aeeb011
1 parent 948e9fb
commit aeeb011
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/src/webviews/apps/premium/home/home.html b/src/webviews/apps/premium/home/home.html
@@ -76,6 +76,9 @@ <h3>Try GitLens Premium Features</h3>
 			</p>
 			<vscode-button data-action="command:gitlens.premium.startPreview">Try premium features now</vscode-button>
 			<vscode-button data-action="command:gitlens.premium.loginOrSignUp">Create a free account</vscode-button>
+			<span class="button-subaction"
+				>Have an existing account? <a href="command:gitlens.premium.loginOrSignUp">Sign in</a></span
+			>
 			<vscode-button data-action="command:gitlens.premium.showPlans" appearance="secondary"
 				>View paid plans</vscode-button
 			>
@@ -98,6 +101,9 @@ <h3>Trying Premium Features</h3>
 				code, or you can puchase a paid plan to access premium features for private repos.
 			</p>
 			<vscode-button data-action="command:gitlens.premium.loginOrSignUp">Create a free account</vscode-button>
+			<span class="button-subaction"
+				>Have an existing account? <a href="command:gitlens.premium.loginOrSignUp">Sign in</a></span
+			>
 			<vscode-button data-action="command:gitlens.premium.purchase">Purchase a plan</vscode-button>
 			<p>All non-premium features will continue to be free without an account.</p>
 		</section>
@@ -117,6 +123,9 @@ <h3>Continue using Premium Features</h3>
 			</p>
 			<p>Create a free account to continue trialing premium features for all code for an additional 7 days.</p>
 			<vscode-button data-action="command:gitlens.premium.loginOrSignUp">Create a free account</vscode-button>
+			<span class="button-subaction"
+				>Have an existing account? <a href="command:gitlens.premium.loginOrSignUp">Sign in</a></span
+			>
 			<vscode-button data-action="command:gitlens.premium.purchase">Purchase a plan</vscode-button>
 			<p>All non-premium features will continue to be free without an account.</p>
 		</section>

diff --git a/src/webviews/apps/premium/home/home.scss b/src/webviews/apps/premium/home/home.scss
@@ -63,10 +63,18 @@ vscode-button {
 	width: 100%;
 }
 
+span.button-subaction {
+	align-self: center;
+	margin-top: 0.75rem;
+}
+
 @media (min-width: 640px) {
 	vscode-button {
 		align-self: flex-start;
 	}
+	span.button-subaction {
+		align-self: flex-start;
+	}
 }
 
 vscode-divider {