remove 'Save 1 month' badge from billing toggle
This commit is contained in:
-13
@@ -959,17 +959,6 @@
|
|||||||
transform: translateX(22px);
|
transform: translateX(22px);
|
||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
.billing-save-badge {
|
|
||||||
font-size: 11px;
|
|
||||||
font-weight: 700;
|
|
||||||
color: var(--success);
|
|
||||||
background: rgba(63, 201, 126, 0.12);
|
|
||||||
padding: 2px 10px;
|
|
||||||
border-radius: 20px;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.billing-save-badge.show { display: inline; }
|
|
||||||
|
|
||||||
@media (max-width: 900px) {
|
@media (max-width: 900px) {
|
||||||
.pricing-grid { grid-template-columns: 1fr; max-width: 420px; }
|
.pricing-grid { grid-template-columns: 1fr; max-width: 420px; }
|
||||||
.pricing-card.featured { transform: none; }
|
.pricing-card.featured { transform: none; }
|
||||||
@@ -1934,7 +1923,6 @@
|
|||||||
<span class="toggle-slider"></span>
|
<span class="toggle-slider"></span>
|
||||||
</label>
|
</label>
|
||||||
<span class="billing-label" id="billing-yearly-label">Yearly</span>
|
<span class="billing-label" id="billing-yearly-label">Yearly</span>
|
||||||
<span class="billing-save-badge" id="billing-save-badge">Save 1 month</span>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- ── Plans grid ── -->
|
<!-- ── Plans grid ── -->
|
||||||
@@ -2467,7 +2455,6 @@
|
|||||||
const yearly = document.getElementById('billing-toggle').checked;
|
const yearly = document.getElementById('billing-toggle').checked;
|
||||||
document.getElementById('billing-monthly-label').classList.toggle('active', !yearly);
|
document.getElementById('billing-monthly-label').classList.toggle('active', !yearly);
|
||||||
document.getElementById('billing-yearly-label').classList.toggle('active', yearly);
|
document.getElementById('billing-yearly-label').classList.toggle('active', yearly);
|
||||||
document.getElementById('billing-save-badge').classList.toggle('show', yearly);
|
|
||||||
|
|
||||||
document.getElementById('bonus-trainee').classList.toggle('show', yearly);
|
document.getElementById('bonus-trainee').classList.toggle('show', yearly);
|
||||||
document.getElementById('bonus-junior').classList.toggle('show', yearly);
|
document.getElementById('bonus-junior').classList.toggle('show', yearly);
|
||||||
|
|||||||
Reference in New Issue
Block a user