mirror of
https://github.com/screentinker/screentinker.git
synced 2026-08-16 23:33:10 -06:00
fix: responsive overflow on mobile, fallback font for Euro rendering, set PWA icon, remove globe emoji
This commit is contained in:
parent
e9ed10604c
commit
3283f301d0
|
|
@ -1006,7 +1006,7 @@
|
||||||
<div class="name">Samsung Tizen</div>
|
<div class="name">Samsung Tizen</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="platform-item">
|
<div class="platform-item">
|
||||||
<div class="icon">🌎</div>
|
<div class="icon"><i class="fa-solid fa-globe"></i></div>
|
||||||
<div class="name">Any Browser</div>
|
<div class="name">Any Browser</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1036,10 +1036,10 @@
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Price (15 devices/yr)</td>
|
<td>Price (15 devices/yr)</td>
|
||||||
<td style="color:var(--accent);font-weight:600">€1,188</td>
|
<td style="color:var(--accent);font-weight:600">€1,188</td>
|
||||||
<td>€1,440+</td>
|
<td>€1,440+</td>
|
||||||
<td>€3,600+</td>
|
<td>€3,600+</td>
|
||||||
<td>€1,800+</td>
|
<td>€1,800+</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Free tier</td>
|
<td>Free tier</td>
|
||||||
|
|
@ -1520,8 +1520,8 @@
|
||||||
const planCardsHtml = publicPlans.map((p, i) => `
|
const planCardsHtml = publicPlans.map((p, i) => `
|
||||||
<div class="price-card ${i === 2 ? 'featured' : ''}">
|
<div class="price-card ${i === 2 ? 'featured' : ''}">
|
||||||
<h3>${p.display_name}</h3>
|
<h3>${p.display_name}</h3>
|
||||||
<div class="price">${p.price_monthly > 0 ? '€' + p.price_monthly : 'Free'}<span>${p.price_monthly > 0 ? '/mo' : ''}</span></div>
|
<div class="price">${p.price_monthly > 0 ? "€" + p.price_monthly : 'Free'}<span>${p.price_monthly > 0 ? '/mo' : ''}</span></div>
|
||||||
${p.price_yearly > 0 ? `<div class="yearly">or €${p.price_yearly}/year (save ${Math.round((1 - p.price_yearly / (p.price_monthly * 12)) * 100)}%)</div>` : '<div class="yearly"> </div>'}
|
${p.price_yearly > 0 ? `<div class="yearly">or €${p.price_yearly}/year (save ${Math.round((1 - p.price_yearly / (p.price_monthly * 12)) * 100)}%)</div>` : '<div class="yearly"> </div>'}
|
||||||
<ul>
|
<ul>
|
||||||
<li>${p.max_devices === -1 ? 'Unlimited' : p.max_devices} device${p.max_devices !== 1 ? 's' : ''}</li>
|
<li>${p.max_devices === -1 ? 'Unlimited' : p.max_devices} device${p.max_devices !== 1 ? 's' : ''}</li>
|
||||||
<li>${p.max_storage_mb === -1 ? 'Unlimited' : p.max_storage_mb >= 1024 ? (p.max_storage_mb / 1024) + ' GB' : p.max_storage_mb + ' MB'} storage</li>
|
<li>${p.max_storage_mb === -1 ? 'Unlimited' : p.max_storage_mb >= 1024 ? (p.max_storage_mb / 1024) + ' GB' : p.max_storage_mb + ' MB'} storage</li>
|
||||||
|
|
|
||||||
|
|
@ -9,14 +9,14 @@
|
||||||
"orientation": "any",
|
"orientation": "any",
|
||||||
"icons": [
|
"icons": [
|
||||||
{
|
{
|
||||||
"src": "/assets/icon-192.png",
|
"src": "/assets/pwa-icon.png",
|
||||||
"sizes": "192x192",
|
"sizes": "192x192",
|
||||||
"type": "image/png"
|
"type": "image/png"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"src": "/assets/icon-512.png",
|
"src": "/assets/pwa-icon.png",
|
||||||
"sizes": "512x512",
|
"sizes": "512x512",
|
||||||
"type": "image/png"
|
"type": "image/png"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
Loading…
Reference in a new issue