diff --git a/templates/index.html b/templates/index.html index a94461a..222da46 100644 --- a/templates/index.html +++ b/templates/index.html @@ -16,12 +16,18 @@ .h-blue { background: var(--mac-blue); } .h-red { background: var(--mac-red); } + .input-group { position: relative; display: inline-block; width: 90%; } 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; } + .btn-cups { background: var(--mac-blue); } + + .res-section { margin-bottom: 15px; } + .res-section h4 { margin: 0 0 5px 0; text-transform: uppercase; font-size: 12px; color: #8e8e93; } .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; } @@ -43,19 +49,35 @@
| Miscela (Parti) | |||||
|---|---|---|---|---|---|
| Cem: |
- Sab: |
- Ghi: |
+ Cemento: |
+ Sabbia: |
+ Ghiaia: |
| Peso e Costo sacche | ||
|---|---|---|
| Kg: | Kg: | Kg: |
| €: | €: | €: |
| Peso sacchette (Kg) | ||
| Cemento: Kg |
+ Sabbia: Kg |
+ Ghiaia: Kg |
+
| Costo sacchette (€) | ||
|---|---|---|
| Cemento: € |
+ Sabbia: € |
+ Ghiaia: € |
+
| Attrezzatura |
|---|
| Volume Betoniera: L |
Inserisci i dati e premi "Esegui Calcolo".
{% endif %}