Add some slight style to the setup

This commit is contained in:
Johannes Zellner
2015-06-29 00:24:07 +02:00
parent 2bbefd1cc7
commit 48831d669d
6 changed files with 23 additions and 18 deletions
+5 -3
View File
@@ -73,9 +73,11 @@
<div class="main-container">
<div class="row" ng-show="initialized && !busy && setupToken">
<div class="col-md-8 col-md-offset-2">
<form role="form" name="setup_form" novalidate>
<div ng-view id="ng-view"></div>
</form>
<div class="card" style="max-width: none; padding: 20px;">
<form role="form" name="setup_form" novalidate>
<div ng-view id="ng-view"></div>
</form>
</div>
</div>
</div>
</div>
+6 -4
View File
@@ -1,5 +1,5 @@
$brand-primary: darken(#428bca, 6.5%) !default; // #62bdfc
$brand-primary: #2196F3 !default; // #62bdfc
$brand-success: #27CE65 !default;
$brand-info: #5bc0de !default;
$brand-warning: #f0ad4e !default;
@@ -17,8 +17,8 @@ $btn-default-bg: transparent !default;
$btn-default-color: #aaa !default;
$btn-default-border: #aaa !default;
$btn-primary-bg: $btn-default-bg;
$btn-primary-color: $brand-primary !default;
//$btn-primary-bg: $btn-default-bg;
//$btn-primary-color: $brand-primary !default;
$btn-primary-border: $brand-primary !default;
//$btn-success-bg: $btn-default-bg;
@@ -39,7 +39,8 @@ $btn-danger-border: $brand-danger !default;
$modal-content-border-color: transparent !default;
$modal-header-border-color: white !default;
$border-radius-large: 0 !default;
$border-radius-large: 2px !default;
$border-radius-base: 2px !default;
$table-border-color: transparent !default;
@@ -570,6 +571,7 @@ footer a {
height: 100%;
width: 100%;
padding: 0;
background: #F7F7F7;
}
.setup .main-container {
+1 -1
View File
@@ -4,5 +4,5 @@
<h3 class="">To get started, we first have to create an account for you on this Cloudron.</h3>
<br/>
<br/>
<a class="btn btn-primary btn-outline" href="#/step2">Awesome</a>
<a class="btn btn-primary" href="#/step2">Awesome</a>
</center>
+9 -7
View File
@@ -1,21 +1,23 @@
<div class="row">
<div class="col-md-12 text-center">
<h1>Choose a username</h1>
<h3 class="">This user will be an <b>Administrator</b> for your Cloudron.</h3>
<h3 class="">You can create more users once we are done here.</h3>
<h4 class="">
This user will be an <b>Administrator</b> for your Cloudron.
You can create more users once we are done here.
</h4>
</div>
</div>
<br/>
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<div class="col-md-4 col-md-offset-4 text-center">
<div class="form-group" ng-class="{ 'has-error': setup_form.username.$dirty && setup_form.username.$invalid }">
<label class="control-label" for="inputUsername"></label>
<!-- <label class="control-label" for="inputUsername"></label> -->
<input type="text" class="form-control" ng-model="wizard.username" id="inputUsername" name="username" ng-enter="ok('/step3', setup_form.username.$invalid)" ng-maxlength="512" ng-minlength="5" autofocus required>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<a class="btn btn btn-outline pull-left" href="#/step1">Back</a>
<a class="btn btn-primary btn-outline pull-right" href="#/step3" ng-disabled="setup_form.username.$invalid">Forward</a>
<div class="col-md-12 text-center">
<a class="btn btn-primary" href="#/step3" ng-disabled="setup_form.username.$invalid">Forward</a>
</div>
</div>
+1 -2
View File
@@ -13,7 +13,6 @@
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<a class="btn btn btn-outline pull-left" href="#/step2">Back</a>
<a class="btn btn-primary btn-outline pull-right" href="#/step4" ng-disabled="setup_form.password.$invalid">Done</a>
<a class="btn btn-primary" href="#/step4" ng-disabled="setup_form.password.$invalid">Done</a>
</div>
</div>
+1 -1
View File
@@ -4,5 +4,5 @@
<h3 class="">This is the address you will be able to reach your Cloudron from now on.</h3>
<br/>
<br/>
<a class="btn btn-primary btn-outline" href="#/step5">Nice</a>
<a class="btn btn-primary" href="#/step5">Nice</a>
</center>