You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
fix(marketing): header logo iPhone clipping + use shared SVG asset (#4)
* fix(marketing): header logo iPhone clipping + use shared SVG asset
- Logo.astro imports the existing pywire-mark.svg as an Astro SVG
component instead of duplicating the path inline. Single source of
truth; SVG still inlined into HTML at build (currentColor theming
preserved).
- Glyph viewBox widened from "37 47 133 191" to "35 41 138 202": path
coords reach y~43, y~239, x~170.66 — the old viewBox subpixel-clipped
the top and bottom of the P on Mobile Safari.
- .logo-mark CSS sizing changed to width/height 100% so iOS Safari has
explicit dimensions to render against (the old auto+100% combo was
unreliable on iOS without explicit width/height attrs on the SVG).
* fix(marketing): strip color attr from pywire-mark.svg so logo inherits accent
The shared SVG carried a hardcoded color="#1d3df0" attribute, which
sets the element's own currentColor and overrode the parent CSS
.logo-mark { color: var(--accent-color) }. Result: the P glyph rendered
in blue instead of the cyan accent. The previous inline copy didn't have
this attr, so the regression only landed when the component switched to
importing the shared file.
0 commit comments