Website: update default pricing switch position (#11268)

closes: #11264 

Changes:
- Swapped the position of the "Security" and "IT" options of the switch
on the pricing page.
This commit is contained in:
Eric 2023-04-21 12:47:12 -05:00 committed by GitHub
parent 5abff8cbfc
commit a2d8a15a2b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 3 deletions

View file

@ -68,7 +68,7 @@
z-index: 3;
user-select: none;
}
.it-selected {
.security-selected {
transform: translateX(140px);
}

View file

@ -7,9 +7,9 @@
</h2>
</div>
<div purpose="pricing-switch" class="d-flex flex-row justify-content-center mx-auto mb-5" @click="displaySecurityPricingMode = !displaySecurityPricingMode">
<div purpose="pricing-switch-option" :class="[displaySecurityPricingMode ? 'selected' : '']">Security</div>
<div purpose="pricing-switch-option" :class="[!displaySecurityPricingMode ? 'selected' : '']">IT</div>
<div purpose="pricing-tier-switch" :class="[!displaySecurityPricingMode ? 'it-selected' : '']"></div>
<div purpose="pricing-switch-option" :class="[displaySecurityPricingMode ? 'selected' : '']">Security</div>
<div purpose="pricing-tier-switch" :class="[displaySecurityPricingMode ? 'security-selected' : '']"></div>
</div>
<h4 class="pb-4 mb-4 text-center" v-if="displaySecurityPricingMode">Always cross-platform, always secure. You will always have control over read/write privileges.</h4>
<h4 class="pb-4 mb-4 text-center" v-else>You will always have control over your machines regardless of platform.</h4>