feat(17-02): install @vite-pwa/assets-generator, author logo.svg, add pwa-assets.config.ts

- Add @vite-pwa/assets-generator@1.0.2 as devDependency in apps/pwa
- Add pwa:icons script (pwa-assets-generator generate) to apps/pwa/package.json
- Approve sharp build scripts in pnpm-workspace.yaml (required for @vite-pwa/assets-generator)
- Hand-author apps/pwa/public/logo.svg: warm/rounded/at-home family scene with house, two adults, child, heart — square 512x512 viewBox, self-contained, text-free
- Create apps/pwa/pwa-assets.config.ts with minimal2023Preset, images: ['public/logo.svg'], no overrideManifestIcons
This commit is contained in:
Lucas Berger
2026-06-18 12:12:17 -04:00
parent eb0db8beef
commit 7db9005645
5 changed files with 489 additions and 50 deletions
+51
View File
@@ -0,0 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="none">
<!-- Background: warm cream rounded square -->
<rect width="512" height="512" rx="96" fill="#FEF3EC"/>
<!-- House / home shape — warm amber roof, cream body -->
<polygon points="256,90 96,230 416,230" fill="#E8915A"/>
<rect x="130" y="225" width="252" height="185" rx="8" fill="#FFF8F2"/>
<!-- Door — warm brown centered -->
<rect x="220" y="316" width="72" height="94" rx="10" fill="#C97D4A"/>
<!-- Left adult figure — warm rose -->
<!-- Body -->
<ellipse cx="168" cy="292" rx="28" ry="42" fill="#F25C7A"/>
<!-- Head -->
<circle cx="168" cy="236" r="26" fill="#FFD8B8"/>
<!-- Hair -->
<ellipse cx="168" cy="217" rx="26" ry="13" fill="#C97D4A"/>
<!-- Right adult figure — warm slate blue -->
<!-- Body -->
<ellipse cx="344" cy="292" rx="28" ry="42" fill="#4A90D9"/>
<!-- Head -->
<circle cx="344" cy="236" r="26" fill="#FFD8B8"/>
<!-- Hair -->
<ellipse cx="344" cy="217" rx="26" ry="12" fill="#5C4033"/>
<!-- Child figure — warm amber, centered above door -->
<!-- Body -->
<ellipse cx="256" cy="308" rx="20" ry="30" fill="#E8915A"/>
<!-- Head -->
<circle cx="256" cy="273" r="19" fill="#FFD8B8"/>
<!-- Hair tuft -->
<ellipse cx="256" cy="257" rx="19" ry="9" fill="#C97D4A"/>
<!-- Window left — warm yellow with pane -->
<rect x="148" y="248" width="44" height="40" rx="5" fill="#FFF5C2"/>
<line x1="170" y1="248" x2="170" y2="288" stroke="#E8915A" stroke-width="2"/>
<line x1="148" y1="268" x2="192" y2="268" stroke="#E8915A" stroke-width="2"/>
<!-- Window right -->
<rect x="320" y="248" width="44" height="40" rx="5" fill="#FFF5C2"/>
<line x1="342" y1="248" x2="342" y2="288" stroke="#E8915A" stroke-width="2"/>
<line x1="320" y1="268" x2="364" y2="268" stroke="#E8915A" stroke-width="2"/>
<!-- Door handle -->
<circle cx="280" cy="365" r="5" fill="#E8915A"/>
<!-- Small heart above house peak — warm rose accent -->
<path d="M256 82 C256 82 248 70 240 72 C232 74 232 86 240 92 L256 106 L272 92 C280 86 280 74 272 72 C264 70 256 82 256 82 Z" fill="#F25C7A"/>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB