org create styling
This commit is contained in:
parent
bb1ba1dbc4
commit
bdef522da7
|
@ -10,7 +10,7 @@
|
|||
personal: {
|
||||
basePrice: 1,
|
||||
annualBasePrice: 12,
|
||||
baseUsers: 3,
|
||||
baseUsers: 5,
|
||||
userPrice: 1,
|
||||
annualUserPrice: 12
|
||||
},
|
||||
|
@ -26,9 +26,10 @@
|
|||
};
|
||||
|
||||
$scope.model = {
|
||||
plan: 'personal',
|
||||
plan: 'free',
|
||||
additionalUsers: 0,
|
||||
interval: 'year'
|
||||
interval: 'year',
|
||||
ownedBusiness: false
|
||||
};
|
||||
|
||||
$scope.totalPrice = function () {
|
||||
|
|
|
@ -63,6 +63,9 @@
|
|||
<span>For personal users to share with 1 other user.</span>
|
||||
<span>- Limit 2 users (including you)</span>
|
||||
<span>- Limit 2 subvaults</span>
|
||||
<span class="bottom-line">
|
||||
Free forever
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<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>- Create unlimited subvaults</span>
|
||||
<span>- Priority customer support</span>
|
||||
<span style="margin-bottom: 5px;">- 7 day free trial, cancel anytime</span>
|
||||
<span>
|
||||
<span>- 7 day free trial, cancel anytime</span>
|
||||
<span class="bottom-line">
|
||||
{{plans.personal.basePrice | currency:'$'}} /month for {{plans.personal.baseUsers}} users,
|
||||
additional users {{plans.personal.userPrice | currency:'$'}} /month
|
||||
</span>
|
||||
|
@ -88,8 +91,8 @@
|
|||
<span>- Add and share with unlimited users</span>
|
||||
<span>- Create unlimited subvaults</span>
|
||||
<span>- Priority customer support</span>
|
||||
<span style="margin-bottom: 5px;">- 7 day free trial, cancel anytime</span>
|
||||
<span>
|
||||
<span>- 7 day free trial, cancel anytime</span>
|
||||
<span class="bottom-line">
|
||||
{{plans.teams.basePrice | currency:'$'}} /month for {{plans.teams.baseUsers}} users,
|
||||
additional users {{plans.teams.userPrice | currency:'$'}} /month
|
||||
</span>
|
||||
|
|
|
@ -201,8 +201,10 @@ form .btn .loading-icon {
|
|||
font-size: 90%;
|
||||
font-weight: normal;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
&.bottom-line {
|
||||
font-size: 100%;
|
||||
color: @text-color;
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue