Skip to content

Update ProfileSnippet header to use 3:1 aspect ratio when custom head…#1078

Merged
laurgk merged 7 commits intomainfrom
feature/fet-2592-update-header-to-31-aspect-ration-when-header-exists
Jan 27, 2026
Merged

Update ProfileSnippet header to use 3:1 aspect ratio when custom head…#1078
laurgk merged 7 commits intomainfrom
feature/fet-2592-update-header-to-31-aspect-ration-when-header-exists

Conversation

@storywithoutend
Copy link
Copy Markdown
Contributor

…er exists

  • Change HeaderContainer from absolute to relative positioning
  • Add 3:1 aspect ratio for custom headers while maintaining fixed height for default gradient
  • Wrap content in ContentContainer with negative margin to overlap header
  • Remove padding from main Container, add to ContentContainer instead
  • Adjust responsive spacing to account for new layout structure

🤖 Generated with Claude Code

…er exists

- Change HeaderContainer from absolute to relative positioning
- Add 3:1 aspect ratio for custom headers while maintaining fixed height for default gradient
- Wrap content in ContentContainer with negative margin to overlap header
- Remove padding from main Container, add to ContentContainer instead
- Adjust responsive spacing to account for new layout structure

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
@storywithoutend storywithoutend force-pushed the feature/fet-2592-update-header-to-31-aspect-ration-when-header-exists branch from d574493 to 0d19bb0 Compare November 3, 2025 14:48
@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages bot commented Nov 3, 2025

Deploying ens-app-v3 with  Cloudflare Pages  Cloudflare Pages

Latest commit: 93d8da5
Status: ✅  Deploy successful!
Preview URL: https://a09a4ca0.ens-app-v3.pages.dev
Branch Preview URL: https://feature-fet-2592-update-head.ens-app-v3.pages.dev

View logs

storywithoutend and others added 2 commits December 15, 2025 15:59
Change header display from aspect-ratio: 3/1 to a fixed height of 128px
(theme.space['32']). This achieves a 6:1 aspect ratio at the 768px
max-width container, and the ratio naturally decreases on mobile as the
width shrinks while height remains constant.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@sonarqubecloud
Copy link
Copy Markdown

@sonarqubecloud
Copy link
Copy Markdown

@laurgk laurgk merged commit c780282 into main Jan 27, 2026
48 checks passed
@laurgk laurgk deleted the feature/fet-2592-update-header-to-31-aspect-ration-when-header-exists branch January 27, 2026 12:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants