Improve and center appstore login form

This commit is contained in:
Johannes Zellner
2018-03-13 10:21:25 +01:00
parent cbd28bc12f
commit 2da019556b

View File

@@ -187,12 +187,12 @@
<!-- appstore login -->
<div ng-show="ready && !validAppstoreAccount" class="container card card-small appstore-login ng-cloak">
<div class="col-md-12">
<h1 ng-show="appstoreLogin.register">Sign up with Cloudron App Store</h1>
<h1 ng-hide="appstoreLogin.register">Login to Cloudron App Store</h1>
<div class="col-md-12 text-center">
<h1 ng-show="appstoreLogin.register">Sign up with Cloudron</h1>
<h1 ng-hide="appstoreLogin.register">Login to Cloudron</h1>
</div>
<div class="col-md-12" style="margin-bottom: 10px;">
<p>An App Store account gives you access to apps and updates.</p>
<div class="col-md-12 text-center" style="margin-bottom: 10px;">
<p>Free 14-day trial, no credit card required</p>
<br/>
<small class="text-danger" ng-show="appstoreLogin.error.generic">{{ appstoreLogin.error.generic }}</small>
</div>
@@ -224,12 +224,18 @@
<br/>
<a class="pull-left" href="" ng-click="appstoreLogin.register = true" ng-hide="appstoreLogin.register">Don't have an Account yet?</a>
<a class="pull-left" href="" ng-click="appstoreLogin.register = false" ng-show="appstoreLogin.register">Already have an Account?</a>
<center>
<button type="submit" class="btn btn-lg btn-success" ng-disabled="appstoreLoginForm.$invalid || appstoreLogin.busy || (appstoreLogin.register && !appstoreLogin.termsAccepted)">
<i class="fa fa-circle-o-notch fa-spin" ng-show="appstoreLogin.busy"></i> <span ng-hide="appstoreLogin.register">Login</span><span ng-show="appstoreLogin.register">Sign up for free trial</span>
</button>
<br/>
<br/>
<a href="" ng-click="appstoreLogin.register = true" ng-hide="appstoreLogin.register">Don't have an Account yet?</a>
<a href="" ng-click="appstoreLogin.register = false" ng-show="appstoreLogin.register">Already have an Account?</a>
</center>
<button type="submit" class="btn btn-success pull-right" ng-disabled="appstoreLoginForm.$invalid || appstoreLogin.busy || (appstoreLogin.register && !appstoreLogin.termsAccepted)">
<i class="fa fa-circle-o-notch fa-spin" ng-show="appstoreLogin.busy"></i> <span ng-hide="appstoreLogin.register">Login</span><span ng-show="appstoreLogin.register">Sign up</span>
</button>
</form>
</div>
</div>