fix: Corregir configuración PWA y agregar logo en header
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 36s
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 36s
- Agregar app.head con meta tags para PWA (theme-color, apple-mobile-web-app-capable) - Configurar manifest.webmanifest con id, launch_handler, client.installPrompt - Agregar nitro.routeRules para headers correctos del manifest y sw.js - Agregar logo en TopBar del frontend - Crear apple-touch-icon.png - Eliminar carpeta pwa/ antigua (ahora se genera con @vite-pwa/nuxt)
This commit is contained in:
@@ -1,7 +1,12 @@
|
||||
<template>
|
||||
<header class="top glass card">
|
||||
<h1>Printer Central</h1>
|
||||
<p class="subtle">Construí tu formato concatenando comandos de impresión</p>
|
||||
<div class="header-content">
|
||||
<img src="/icon.png" alt="Printer Central" class="logo" />
|
||||
<div class="header-text">
|
||||
<h1>Printer Central</h1>
|
||||
<p class="subtle">Construí tu formato concatenando comandos de impresión</p>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
</template>
|
||||
|
||||
@@ -12,6 +17,9 @@
|
||||
.top { grid-area: header; }
|
||||
.glass { background: var(--glass); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid var(--border); border-radius: 14px; }
|
||||
.card { padding: 16px; box-shadow: 0 8px 24px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.05); }
|
||||
.header-content { display: flex; align-items: center; gap: 16px; }
|
||||
.logo { width: 48px; height: 48px; border-radius: 10px; flex-shrink: 0; }
|
||||
.header-text { flex: 1; min-width: 0; }
|
||||
h1 { margin: 0 0 4px; font-size: 22px; letter-spacing: 0.2px; }
|
||||
.subtle { color: var(--muted); margin: 0; }
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user