diff --git a/templates/index.html b/templates/index.html index 7e663a9..a94461a 100644 --- a/templates/index.html +++ b/templates/index.html @@ -9,19 +9,23 @@ body { font-family: -apple-system, system-ui, sans-serif; background: var(--mac-bg); padding: 20px; font-size: 14px; color: #1c1c1e; } .container { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; max-width: 1200px; margin: auto; } .panel { background: rgba(255,255,255,0.8); backdrop-filter: blur(10px); border-radius: 12px; padding: 20px; flex: 1; min-width: 320px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); } + table { width: 100%; border-collapse: collapse; margin-bottom: 15px; background: white; border-radius: 8px; overflow: hidden; } th { padding: 10px; font-size: 14px; color: white; text-transform: uppercase; } td { padding: 8px; text-align: center; border: 1px solid #e5e5ea; font-size: 14px; } .h-blue { background: var(--mac-blue); } .h-red { background: var(--mac-red); } + input { width: 100%; border: 1px solid #d1d1d6; border-radius: 5px; padding: 6px 5px; text-align: center; font-size: 14px; box-sizing: border-box; } - .unit-label { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); color: #8e8e93; pointer-events: none; } select { border: 1px solid #d1d1d6; border-radius: 5px; padding: 5px; font-size: 14px; } + .btn { width: 100%; padding: 12px; border-radius: 8px; border: none; font-weight: 600; cursor: pointer; margin-top: 10px; font-size: 15px; color: white; text-transform: uppercase; } .btn-calc { background: var(--mac-green); } .btn-exp { background: #5856d6; margin-top: 20px; } .res-box { background: white; padding: 15px; border-radius: 10px; border: 1px solid #d1d1d6; line-height: 1.6; } + hr { border: 0; border-top: 1px solid #d1d1d6; margin: 15px 0; } .msg-ok { color: var(--mac-green); font-weight: bold; text-align: center; margin-top: 10px; } + @media print { .no-print { display: none !important; } .res-box { border: none; } } @@ -35,15 +39,22 @@ Larghezza Profondità + - + + + + +
Miscela (Parti)
Cem:
Sab:
Ghi:
Cem:
Sab:
Ghi:
+
Peso e Costo sacche
Kg:Kg:Kg:
€:€:€:
+ @@ -59,7 +70,7 @@
Carico ({{ res.n_c }} carichi): C:{{res.bc_cem}} | S:{{res.bc_sab}} | G:{{res.bc_ghi}} | Aq:{{res.bc_aq}} L - +
{% for k,v in form.items() %}{% endfor %} @@ -73,6 +84,8 @@
{% if msg_stampa %}
{{ msg_stampa }}
{% endif %} + {% else %} +

Inserisci i dati e premi "Esegui Calcolo".

{% endif %}