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

aggiungi icona app a favicon e pannello info

Browse Source 
- 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:
Davide Grilli
2026-03-25 09:47:31 +01:00
parent 023a938872
commit 644ae01f7e
3 changed files with 4 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
index.html
View File

@@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <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> <title>BitePlan</title>
</head> </head>
<body> <body>

BIN
public/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 332 KiB

12
src/components/InfoPanel.vue
View File

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