VPN/remnawave-bedolaga-telegram-bot
1
0
Fork 0
mirror of https://github.com/BEDOLAGA-DEV/remnawave-bedolaga-telegram-bot.git synced 2026-04-29 09:10:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update index.html

Browse Source
This commit is contained in:
Egor
2026-01-10 21:37:17 +03:00
committed by GitHub
parent c5a35cd254
commit a598237465
1 changed files with 35 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
miniapp/index.html
View File

@@ -2573,6 +2573,32 @@
font-size: 14px;
font-weight: 600;
color: var(--primary);
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}
.traffic-topup-price-original {
font-size: 12px;
color: var(--text-secondary);
text-decoration: line-through;
font-weight: 400;
}
.traffic-topup-price-current {
color: var(--primary);
}
.traffic-topup-discount-badge {
display: inline-block;
padding: 2px 6px;
background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
color: #fff;
font-size: 10px;
font-weight: 700;
border-radius: 6px;
box-shadow: 0 1px 3px rgba(34, 197, 94, 0.3);
}
.traffic-topup-package-btn {
@@ -12175,6 +12201,10 @@
const gb = pkg.gb;
const priceKopeks = pkg.price_kopeks || pkg.priceKopeks;
const priceLabel = pkg.price_label || pkg.priceLabel || formatPrice(priceKopeks);
const originalPriceKopeks = pkg.original_price_kopeks || pkg.originalPriceKopeks;
const originalPriceLabel = pkg.original_price_label || pkg.originalPriceLabel;
const discountPercent = pkg.discount_percent || pkg.discountPercent || 0;
const hasDiscount = discountPercent > 0 && originalPriceKopeks;
const canAfford = balance >= priceKopeks;
const packageEl = document.createElement('div');
@@ -12183,7 +12213,11 @@
packageEl.innerHTML = `
<div class="traffic-topup-package-info">
<div class="traffic-topup-package-gb">+${gb} ${t('traffic_topup.gb_suffix')}</div>
<div class="traffic-topup-package-price">${priceLabel}</div>
<div class="traffic-topup-package-price">
${hasDiscount ? `<span class="traffic-topup-price-original">${originalPriceLabel}</span>` : ''}
<span class="traffic-topup-price-current">${priceLabel}</span>
${hasDiscount ? `<span class="traffic-topup-discount-badge">-${discountPercent}%</span>` : ''}
</div>
</div>
<button class="traffic-topup-package-btn" ${canAfford ? '' : 'disabled'}>
${t('traffic_topup.buy_button')}