aggiungi icona app a favicon e pannello info

- index.html: favicon PNG dal file assets/icon-only.png
- InfoPanel: sostituisce placeholder "B" con immagine reale dell'icona
- InfoPanel: pulizia CSS .app-icon (rimossi stili da div, aggiunto object-fit)
- public/favicon.png: copia dell'icona servita staticamente da Vite

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-25 09:47:31 +01:00
parent 023a938872
commit 644ae01f7e
3 changed files with 4 additions and 9 deletions

View File

@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="icon" type="image/png" href="/favicon.png" />
<title>BitePlan</title>
</head>
<body>

BIN
public/favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 332 KiB

View File

@@ -10,7 +10,7 @@
<div class="sheet-top">
<div class="app-identity">
<div class="app-icon">B</div>
<img class="app-icon" :src="appIcon" alt="BitePlan" />
<div>
<div class="app-name">BitePlan</div>
<div class="app-version">Versione {{ version }}</div>
@@ -50,6 +50,7 @@
<script setup>
import pkg from '../../package.json'
import appIcon from '../../assets/icon-only.png'
defineProps({ modelValue: Boolean })
defineEmits(['update:modelValue'])
const version = pkg.version
@@ -102,15 +103,8 @@ const version = pkg.version
.app-icon {
width: 48px;
height: 48px;
background: var(--color-primary);
color: #fff;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.4rem;
font-weight: 800;
letter-spacing: -0.02em;
object-fit: cover;
}
.app-name {