fix(goodies): cap gitcheatsheet header image height#138
Conversation
Agent-Logs-Url: https://github.com/TechWatching/techwatching.dev/sessions/2177d857-3902-4680-8f29-91f7a18da41e Co-authored-by: TechWatching <15186176+TechWatching@users.noreply.github.com>
|
@copilot we should see the text on the image. update to keep the text Git Cheat Sheet and the git logo more visible |
…and title visible Agent-Logs-Url: https://github.com/TechWatching/techwatching.dev/sessions/d68b5fd1-bf13-4519-b4f3-e886f8082070 Co-authored-by: TechWatching <15186176+TechWatching@users.noreply.github.com>
Bumped Warning Firewall rules blocked me from connecting to one or more addresses (expand for details)I tried to connect to the following addresses, but was blocked by firewall rules:
If you need me to access, download, or install something from one of these locations, you can either:
|
There was a problem hiding this comment.
Pull request overview
Caps the cover image height on the /goodies/gitcheatsheet page via frontmatter so the header image no longer dominates the viewport, leveraging the existing goodies page template behavior.
Changes:
- Add
image.maxHeight: 400to thegitcheatsheetgoodie frontmatter to constrain rendered cover height.

The header image on
/goodies/gitcheatsheetwas rendering at full container width with no height constraint, making it dominate the viewport (source asset is 3840×2160).Changes
content/3.goodies/1.gitcheatsheet.md: addmaxHeight: 400to theimagefrontmatter, matching the pattern already used bymcp-servers.md. The goodie page template (app/pages/goodies/[slug].vue) already appliesobject-coverwith the max-height style when this field is set, so no template changes are needed. The value400keeps the Git logo and "Git Cheat Sheet" text fully visible while still cutting the rendered image height roughly in half versus the original unconstrained display.Screenshot