highperfocused/grimoire
1
0
Fork 0
mirror of https://github.com/purrgrammer/grimoire.git synced 2026-06-05 02:01:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix logo SVG centering and regenerate icons (#218)

Browse Source 
The SVG path extended slightly beyond the viewBox (bezier control points
reached x=121.464 while viewBox ended at x=121), while the left edge was
flush at x=0. This caused uneven spacing.

Changed viewBox from "0 0 121 160" to "-0.5 0 122 160" to add equal
0.5px margins on both sides, properly centering the logo content.

https://claude.ai/code/session_019PGCQHRovoNE81udohhU3R

Co-authored-by: Claude <noreply@anthropic.com>
This commit is contained in:
Alejandro
2026-01-27 11:07:43 +01:00
committed by GitHub
parent a28ffc1ec3
commit 34bad20ce9
9 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
scripts/generate-pwa-icons.mjs
View File

@@ -46,8 +46,8 @@ async function generateStandardIcon(size, outputName) {
const padding = Math.round(size * 0.1);
const logoSize = size - padding * 2;
// Calculate logo dimensions maintaining aspect ratio (121:160)
const aspectRatio = 121 / 160;
// Calculate logo dimensions maintaining aspect ratio (122:160)
const aspectRatio = 122 / 160;
const logoHeight = logoSize;
const logoWidth = Math.round(logoHeight * aspectRatio);
@@ -86,8 +86,8 @@ async function generateMaskableIcon(size, outputName) {
const padding = Math.round(size * 0.2);
const logoSize = size - padding * 2;
// Calculate logo dimensions maintaining aspect ratio (121:160)
const aspectRatio = 121 / 160;
// Calculate logo dimensions maintaining aspect ratio (122:160)
const aspectRatio = 122 / 160;
const logoHeight = logoSize;
const logoWidth = Math.round(logoHeight * aspectRatio);