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:
@@ -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: [] }]))
|
||||
|
||||
Reference in New Issue
Block a user