ekzyis
/
zaply
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add more sizes

This commit is contained in:
ekzyis 2025-01-24 23:03:50 +01:00
parent aff49782cf
commit c851a8f344
1 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
pages/overlay.templ
View File

@ -35,7 +35,7 @@ templ Overlay(lnurl string, lnaddr string) {
type="range" type="range"
id="zap-scale-slider" id="zap-scale-slider"
min="1" min="1"
max="5" max="10"
step="1" step="1"
value="1.0" value="1.0"
class="w-32 accent-teal" class="w-32 accent-teal"
@ -162,6 +162,11 @@ templ Overlay(lnurl string, lnaddr string) {
3.0: 'font-size: 24px', // text-2xl 3.0: 'font-size: 24px', // text-2xl
4.0: 'font-size: 30px', // text-3xl 4.0: 'font-size: 30px', // text-3xl
5.0: 'font-size: 36px', // text-4xl 5.0: 'font-size: 36px', // text-4xl
6.0: 'font-size: 48px', // text-5xl
7.0: 'font-size: 60px', // text-6xl
8.0: 'font-size: 72px', // text-7xl
9.0: 'font-size: 96px', // text-8xl
10.0: 'font-size: 120px', // text-9xl
} }
const amount = { const amount = {
1.0: 'font-size: 14px', // text-sm 1.0: 'font-size: 14px', // text-sm
@ -169,6 +174,11 @@ templ Overlay(lnurl string, lnaddr string) {
3.0: 'font-size: 18px', // text-lg 3.0: 'font-size: 18px', // text-lg
4.0: 'font-size: 20px', // text-xl 4.0: 'font-size: 20px', // text-xl
5.0: 'font-size: 24px', // text-2xl 5.0: 'font-size: 24px', // text-2xl
6.0: 'font-size: 30px', // text-3xl
7.0: 'font-size: 36px', // text-4xl
8.0: 'font-size: 48px', // text-5xl
9.0: 'font-size: 60px', // text-6xl
10.0: 'font-size: 72px', // text-7xl
} }
const svg = { const svg = {
1.0: 'width: 32px; height: 32px', 1.0: 'width: 32px; height: 32px',
@ -176,6 +186,11 @@ templ Overlay(lnurl string, lnaddr string) {
3.0: 'width: 48px; height: 48px', 3.0: 'width: 48px; height: 48px',
4.0: 'width: 56px; height: 56px', 4.0: 'width: 56px; height: 56px',
5.0: 'width: 64px; height: 64px', 5.0: 'width: 64px; height: 64px',
6.0: 'width: 72px; height: 72px',
7.0: 'width: 80px; height: 80px',
8.0: 'width: 88px; height: 88px',
9.0: 'width: 96px; height: 96px',
10.0: 'width: 104px; height: 104px',
} }
element.textContent = ` element.textContent = `
#zap-template { #zap-template {