org create styling
This commit is contained in:
parent
bb1ba1dbc4
commit
bdef522da7
|
@ -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 () {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue