org create styling

This commit is contained in:
Kyle Spearrin 2017-04-07 16:13:52 -04:00
parent bb1ba1dbc4
commit bdef522da7
3 changed files with 15 additions and 9 deletions

View File

@ -10,7 +10,7 @@
personal: { personal: {
basePrice: 1, basePrice: 1,
annualBasePrice: 12, annualBasePrice: 12,
baseUsers: 3, baseUsers: 5,
userPrice: 1, userPrice: 1,
annualUserPrice: 12 annualUserPrice: 12
}, },
@ -26,9 +26,10 @@
}; };
$scope.model = { $scope.model = {
plan: 'personal', plan: 'free',
additionalUsers: 0, additionalUsers: 0,
interval: 'year' interval: 'year',
ownedBusiness: false
}; };
$scope.totalPrice = function () { $scope.totalPrice = function () {

View File

@ -63,6 +63,9 @@
<span>For personal users to share with 1 other user.</span> <span>For personal users to share with 1 other user.</span>
<span>- Limit 2 users (including you)</span> <span>- Limit 2 users (including you)</span>
<span>- Limit 2 subvaults</span> <span>- Limit 2 subvaults</span>
<span class="bottom-line">
Free forever
</span>
</label> </label>
</div> </div>
<div class="radio radio-block" ng-if="!model.ownedBusiness" ng-click="changedPlan()"> <div class="radio radio-block" ng-if="!model.ownedBusiness" ng-click="changedPlan()">
@ -73,8 +76,8 @@
<span>- Add and share with unlimited users</span> <span>- Add and share with unlimited users</span>
<span>- Create unlimited subvaults</span> <span>- Create unlimited subvaults</span>
<span>- Priority customer support</span> <span>- Priority customer support</span>
<span style="margin-bottom: 5px;">- 7 day free trial, cancel anytime</span> <span>- 7 day free trial, cancel anytime</span>
<span> <span class="bottom-line">
{{plans.personal.basePrice | currency:'$'}} /month for {{plans.personal.baseUsers}} users, {{plans.personal.basePrice | currency:'$'}} /month for {{plans.personal.baseUsers}} users,
additional users {{plans.personal.userPrice | currency:'$'}} /month additional users {{plans.personal.userPrice | currency:'$'}} /month
</span> </span>
@ -88,8 +91,8 @@
<span>- Add and share with unlimited users</span> <span>- Add and share with unlimited users</span>
<span>- Create unlimited subvaults</span> <span>- Create unlimited subvaults</span>
<span>- Priority customer support</span> <span>- Priority customer support</span>
<span style="margin-bottom: 5px;">- 7 day free trial, cancel anytime</span> <span>- 7 day free trial, cancel anytime</span>
<span> <span class="bottom-line">
{{plans.teams.basePrice | currency:'$'}} /month for {{plans.teams.baseUsers}} users, {{plans.teams.basePrice | currency:'$'}} /month for {{plans.teams.baseUsers}} users,
additional users {{plans.teams.userPrice | currency:'$'}} /month additional users {{plans.teams.userPrice | currency:'$'}} /month
</span> </span>

View File

@ -201,8 +201,10 @@ form .btn .loading-icon {
font-size: 90%; font-size: 90%;
font-weight: normal; font-weight: normal;
&:last-child { &.bottom-line {
margin-bottom: 0; font-size: 100%;
color: @text-color;
margin-top: 5px;
} }
} }
} }