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:
@@ -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
BIN
public/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 332 KiB |
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user