Migliora header pagine e ridisegna Convertitore

MealPlanner:
- Titolo "Piano Pasti" (più breve e da app)
- Sottotitolo "Oggi, mercoledì 25 marzo" con data completa formattata

Converter:
- Layout calcolatrice: input sinistra | swap | risultato destra
- Card unificata con header alimento e footer fattore di resa
- Icona ricerca nell'input, stato iniziale con hint
- Titolo "Convertitore", sottotitolo descrittivo
- Tasto swap per invertire direzione invece del toggle

MealCard:
- Fix emoji pranzo 🌤️🍽️ (rendering universale)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-25 08:33:10 +01:00
parent 76135e404a
commit d14f56cced
3 changed files with 255 additions and 129 deletions

View File

@@ -1,8 +1,8 @@
<template>
<div class="page">
<div class="page-header">
<h1 class="page-title">Pasti della settimana</h1>
<p class="page-subtitle">{{ todayLabel }}</p>
<h1 class="page-title">Piano Pasti</h1>
<p class="page-subtitle">{{ todayDate }}</p>
</div>
<MealCard
v-for="day in days"
@@ -33,7 +33,7 @@ const days = [
const todayMap = ['domenica', 'lunedi', 'martedi', 'mercoledi', 'giovedi', 'venerdi', 'sabato']
const todayId = todayMap[new Date().getDay()]
const todayLabel = days.find(d => d.id === todayId)?.label ?? ''
const todayDate = 'Oggi, ' + new Date().toLocaleDateString('it-IT', { weekday: 'long', day: 'numeric', month: 'long' })
const defaultMeals = () =>
Object.fromEntries(days.map(d => [d.id, { colazione: [], pranzo: [], cena: [] }]))