Repository navigation
Fix circular profile photo with pastel trans pride flag border - #38
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Codex Review SummaryThis comment shows the latest Codex review activity on this pull request.
ℹ️ About Codex in GitHubYour team has set up Codex to review pull requests in this repo. Reviews are triggered when you
Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings. |
![chatgpt-codex-connector[bot]](https://avatars.githubusercontent.com/in/1144995?s=60&v=4){kind=small}
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: 7b54755c7e
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| aspect-ratio:1 / 1; | ||
| border-radius:50%; |
There was a problem hiding this comment.
In the rendered portfolio hero, the container always has cozy-hero-art, whose earlier .cozy-hero-art .hero-photo-frame and .cozy-hero-art .hero-photo-cutout rules set border-radius: 28px!important and 24px!important. Those declarations win over this non-important 50%, so the visible frame and clipping mask remain rounded rectangles at every viewport rather than becoming circular. Remove or override the cozy-specific important radii.
Useful? React with 👍 / 👎.
| linear-gradient( | ||
| 180deg, | ||
| #5BCEFA 0% 20%, |
There was a problem hiding this comment.
When the profile is rendered inside .cozy-hero-art, the later, more-specific .cozy-hero-art .hero-photo-cutout { background: #201a2d; } replaces this entire layered background. The only visible colored frame is therefore the separate diagonal, uneven gradient on .hero-photo-frame, so users never see the five equal horizontal cyan/pink/white/pink/cyan bands introduced here. The stripes need to be applied through the active cozy-specific frame/cutout rule.
Useful? React with 👍 / 👎.
Keep the portrait, mask and scan overlay circular at all screen sizes. Replace the segmented conic gradient with five equal horizontal pastel stripes in the exact order cyan → pink → white → pink → cyan. No profile image or content changes.