davide/biteplan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix Converter: sentence case per metodo di cottura

Browse Source 
Sostituisce text-transform:capitalize (che maiuscolava ogni parola)
con capFirst() — solo la prima lettera del metodo è maiuscola.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Davide Grilli
2026-03-27 09:55:06 +01:00
parent bf18165dd5
commit b12ab225cd
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/Converter.vue
View File

@@ -28,7 +28,7 @@
@click="selectItem(r)" @click="selectItem(r)"
> >
<span class="result-food">{{ r.food }}</span> <span class="result-food">{{ r.food }}</span>
<span class="result-method">{{ r.method }}</span> <span class="result-method">{{ capFirst(r.method) }}</span>
</li> </li>
</ul> </ul>
</div> </div>
@@ -39,7 +39,7 @@
<div class="food-info"> <div class="food-info">
<span class="food-name">{{ selected.food }}</span> <span class="food-name">{{ selected.food }}</span>
<span class="food-sep">·</span> <span class="food-sep">·</span>
<span class="food-method">{{ selected.method }}</span> <span class="food-method">{{ capFirst(selected.method) }}</span>
</div> </div>
<button class="btn-reset" @click="reset" aria-label="Cambia alimento"> <button class="btn-reset" @click="reset" aria-label="Cambia alimento">
Cambia Cambia
@@ -153,6 +153,10 @@ function reset() {
direction.value = 'rawToCooked' direction.value = 'rawToCooked'
} }
function capFirst(s) {
return s ? s.charAt(0).toUpperCase() + s.slice(1) : s
}
function swapDirection() { function swapDirection() {
direction.value = direction.value === 'rawToCooked' ? 'cookedToRaw' : 'rawToCooked' direction.value = direction.value === 'rawToCooked' ? 'cookedToRaw' : 'rawToCooked'
grams.value = null grams.value = null
@@ -203,7 +207,7 @@ function swapDirection() {
.result-item:last-child { border-bottom: none; } .result-item:last-child { border-bottom: none; }
.result-item:active { background: var(--color-bg); } .result-item:active { background: var(--color-bg); }
.result-food { font-weight: 600; text-transform: capitalize; } .result-food { font-weight: 600; text-transform: capitalize; }
.result-method { font-size: 0.85rem; color: var(--color-muted); text-transform: capitalize; } .result-method { font-size: 0.85rem; color: var(--color-muted); }
/* ── converter card ───────────────────────────────── */ /* ── converter card ───────────────────────────────── */
.converter-card { .converter-card {
@@ -225,10 +229,9 @@ function swapDirection() {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 6px; gap: 6px;
text-transform: capitalize;
} }
.food-name { font-weight: 700; font-size: 1rem; } .food-name { font-weight: 700; font-size: 1rem; text-transform: capitalize; }
.food-sep { color: var(--color-border); font-size: 1.1rem; } .food-sep { color: var(--color-border); font-size: 1.1rem; }
.food-method { font-size: 0.9rem; color: var(--color-muted); } .food-method { font-size: 0.9rem; color: var(--color-muted); }