diff --git a/templates/index.html b/templates/index.html index 268c922..9c12cb9 100644 --- a/templates/index.html +++ b/templates/index.html @@ -8,32 +8,31 @@ :root { --mac-bg: #f2f2f7; --mac-blue: #007aff; --mac-red: #ff3b30; --mac-green: #34c759; --mac-gray: #8e8e93; } 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: white; border-radius: 12px; padding: 20px; flex: 1; min-width: 320px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); } + .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; border-radius: 8px; overflow: hidden; } - th { padding: 10px; font-size: 13px; color: white; text-transform: uppercase; letter-spacing: 0.5px; } - td { padding: 8px; text-align: center; border: 1px solid #e5e5ea; font-size: 13px; } + 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: 85%; border: 1px solid #d1d1d6; border-radius: 5px; padding: 5px; text-align: center; } - select { border: 1px solid #d1d1d6; border-radius: 5px; padding: 4px; } + input { width: 90%; border: 1px solid #d1d1d6; border-radius: 5px; padding: 6px; text-align: center; font-size: 14px; } + select { border: 1px solid #d1d1d6; border-radius: 5px; padding: 5px; } - .btn { width: 100%; padding: 12px; border-radius: 8px; border: none; font-weight: bold; cursor: pointer; margin-top: 10px; font-size: 14px; text-transform: uppercase; color: white; } + .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-cups { background: var(--mac-blue); } .btn-exp { background: #5856d6; } + .btn-cups { background: var(--mac-blue); } .btn-print { background: #c7c7cc; color: #1c1c1e; } - .res-box { border: 1px solid #e5e5ea; border-radius: 10px; padding: 15px; } - .res-section h4 { margin: 15px 0 5px 0; font-size: 11px; color: var(--mac-gray); text-transform: uppercase; } + .res-box { background: white; padding: 15px; border-radius: 10px; border: 1px solid #d1d1d6; line-height: 1.6; } + .res-section h4 { margin: 10px 0 5px 0; text-transform: uppercase; font-size: 11px; color: var(--mac-gray); } ul { list-style: none; padding: 0; margin: 0; } - li { padding-left: 15px; position: relative; margin-bottom: 3px; } + li { padding-left: 15px; position: relative; margin-bottom: 2px; } li::before { content: "•"; position: absolute; left: 0; color: #1c1c1e; } - hr { border: 0; border-top: 1px solid #e5e5ea; margin: 15px 0; } - .footer { text-align: center; font-size: 10px; color: var(--mac-gray); margin-top: 20px; text-transform: uppercase; } - .msg-ok { color: var(--mac-green); text-align: center; font-weight: bold; margin-top: 10px; } + hr { border: 0; border-top: 1px solid #d1d1d6; margin: 15px 0; } + .footer { text-align: center; font-size: 10px; color: var(--mac-gray); margin-top: 15px; text-transform: uppercase; } @media print { .no-print { display: none !important; } } @@ -42,16 +41,23 @@
- - - + + +
Dimensioni
Altezza
Larghezza
Profondità
Altezza
Larghezza
Profondità
- +
Miscela (Parti)
Cem:
Sab:
Ghi:
Cemento:
Sabbia:
Ghiaia:
+ + +
Peso sacchette (Kg)
Cem:Sab:Ghi:
+ + +
Costo sacchette (€)
Cem:Sab:Ghi:
+
Attrezzatura
Volume Betoniera: L
- +
@@ -69,9 +75,7 @@
  • Acqua: {{ res.acqua }} L | Totale: {{ res.tot_sacc }} sacch.
  • -
    -

    Costo Stimato: {{ res.costo_tot }} €

    -
    +

    Costo totale: {{ res.costo_tot }} €


    Per ogni carico ({{ res.n_c }} carichi):

    @@ -94,7 +98,7 @@ - {% if msg_stampa %}
    {{ msg_stampa }}
    {% endif %} + {% if msg_stampa %}

    {{ msg_stampa }}

    {% endif %} {% else %}

    Inserisci i dati e calcola.

    {% endif %}