diff --git a/app/static/index.html b/app/static/index.html index 2f2ad71..809afaf 100644 --- a/app/static/index.html +++ b/app/static/index.html @@ -118,6 +118,26 @@ .icon { width: 16px; height: 16px; flex-shrink: 0; } + nav.menu { display: flex; gap: 4px; margin-bottom: 16px; } + nav.menu button.nav-item { + flex: 1; width: auto; margin-top: 0; min-height: 56px; padding: 8px 4px; + flex-direction: column; gap: 4px; font-size: 0.8rem; font-weight: 600; + background: var(--color-surface); color: var(--color-muted-foreground); + border: 1px solid var(--color-border); border-radius: 10px; + } + nav.menu button.nav-item .icon { width: 20px; height: 20px; } + nav.menu button.nav-item.active { + background: var(--color-primary); color: var(--color-on-primary); border-color: var(--color-primary); + } + nav.menu button.nav-item:hover { filter: none; border-color: var(--color-ring); } + nav.menu button.nav-item.active:hover { filter: brightness(0.94); } + + .dash-panel { display: none; } + .dash-panel.active { display: block; } + + .qr-box { display: flex; justify-content: center; padding: 16px; background: #fff; border: 1px solid var(--color-border); border-radius: 10px; margin-top: 14px; } + .qr-box img { width: 200px; height: 200px; image-rendering: pixelated; } + .hidden { display: none !important; } #toast-container { @@ -178,43 +198,67 @@ -
-

Saldo interno

-

Aggiornato dopo 1 conferma sulla rete

-
-
PLM
- + + +
+
+

Saldo interno

+

Aggiornato dopo 1 conferma sulla rete

+
+
PLM
+ +
+
+ +
+

Indirizzo di deposito

+

È anche l'indirizzo su cui ricevi eventuali vincite

+
+ + +
+
+ QR code dell'indirizzo di deposito +
-
-

Indirizzo di deposito

-

È anche l'indirizzo su cui ricevi eventuali vincite

-
- - +
+
+

Bet

+

Ingresso fisso al round corrente

+
-
-

Bet

-

Ingresso fisso al round corrente

- -
- -
-

Withdrawal

-

Invia fondi a un indirizzo PLM esterno

- - - - - +
+
+

Withdrawal

+

Invia fondi a un indirizzo PLM esterno

+ + + + + +
@@ -265,11 +309,19 @@ function switchTab(name) { document.getElementById('panel-register').classList.toggle('active', name === 'register'); } +function switchPanel(name) { + for (const key of ['deposit', 'bet', 'withdraw']) { + document.getElementById('nav-' + key).classList.toggle('active', key === name); + document.getElementById('panel-' + key).classList.toggle('active', key === name); + } +} + function showDashboard() { document.getElementById('auth-section').classList.add('hidden'); document.getElementById('dashboard-section').classList.remove('hidden'); document.getElementById('dash-username').textContent = username; document.getElementById('dash-address').textContent = address; + document.getElementById('dash-qr').src = '/qr/' + encodeURIComponent(address); refreshMe(); }