Skip to content

feat: added radius lg to avatar and changed radius from md to lg for …#318

Open
sidgaikwad wants to merge 6 commits intonrjdalal:canaryfrom
sidgaikwad:Feat(ui)-changes-for-avatar-radius-changes
Open

feat: added radius lg to avatar and changed radius from md to lg for …#318
sidgaikwad wants to merge 6 commits intonrjdalal:canaryfrom
sidgaikwad:Feat(ui)-changes-for-avatar-radius-changes

Conversation

@sidgaikwad
Copy link
Contributor

@sidgaikwad sidgaikwad commented Jan 27, 2026

changes :-

 - changed the roundness of avatarfallback from md to lg
 - added the round border to avatar of lg

closes : #300

screenshots :

  • Before:
image
  • After :
image

Summary by CodeRabbit

  • Style
    • Updated Avatar visuals in the dashboard sidebar footer to use a more rounded appearance for avatar containers, images, and fallbacks for a consistent look.
    • Minor presentational tweaks only; layout and interactive behavior are unchanged.

@vercel
Copy link

vercel bot commented Jan 27, 2026

@sidgaikwad is attempting to deploy a commit to the nrjdalal Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions github-actions bot added @web/next Auto-created label for @web/next 0/1 PR has 0 of 1 required approvals labels Jan 27, 2026
@coderabbitai
Copy link

coderabbitai bot commented Jan 27, 2026

Walkthrough

Replaced rounded-md with rounded-lg on Avatar elements in the dashboard footer. Two presentation-only edits; no control- or data-flow changes.

Changes

Cohort / File(s) Summary
Avatar styling updates
web/next/src/components/sidebar/dashboard/footer.tsx
Replaced rounded-md with rounded-lg on Avatar wrapper (size-8 rounded-lg after:border-none), AvatarImage (rounded-lg), and AvatarFallback (rounded-lg) in two places. Purely cosmetic border-radius change.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

🚥 Pre-merge checks | ✅ 1 | ❌ 2
❌ Failed checks (1 warning, 1 inconclusive)
Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
Title check ❓ Inconclusive The title is incomplete and vague—it cuts off mid-sentence with ellipsis, making it impossible to understand the full intent. It uses generic 'feat:' prefix without clearly conveying what was actually changed. Complete the title and be specific: e.g., 'feat: update Avatar component border-radius from md to lg' instead of truncating with ellipsis.
✅ Passed checks (1 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing touches
  • 📝 Generate docstrings
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment

No actionable comments were generated in the recent review. 🎉

Tip

Issue Planner is now in beta. Read the docs and try it out! Share your feedback on Discord.


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 2

🤖 Fix all issues with AI agents
In `@web/next/src/components/sidebar/dashboard/footer.tsx`:
- Around line 51-54: The Avatar container uses className "rounded-md" while its
children AvatarImage and AvatarFallback use "rounded-lg", causing the children
to appear rounder than the parent and potentially overflow; update the Avatar
container's className to "rounded-lg" (or change the children to "rounded-md" if
you prefer smaller corners) so the parent and children use the same rounding;
locate the Avatar, AvatarImage, and AvatarFallback elements in footer.tsx and
make the className values consistent.
- Around line 70-73: The Avatar wrapper uses className "size-8 rounded-md" while
its children AvatarImage and AvatarFallback use "rounded-lg"; make the
border-radius classes consistent by updating the parent Avatar's className to
"size-8 rounded-lg" so it matches AvatarImage and AvatarFallback (or
alternatively change the children to rounded-md), targeting the Avatar,
AvatarImage, and AvatarFallback elements in the dashboard/footer component.

@vercel
Copy link

vercel bot commented Jan 28, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
zerostarter.dev Ready Ready Preview, Comment Jan 28, 2026 5:44am

Request Review

@nrjdalal
Copy link
Owner

there's this weird circle border

CleanShot 2026-01-28 at 11 23 57@2x

@nrjdalal
Copy link
Owner

CleanShot 2026-02-10 at 21 18 33@2x

the circle is still there

@nrjdalal
Copy link
Owner

CleanShot 2026-02-10 at 21 19 02@2x

… Feat(ui)-changes-for-avatar-radius-changes
@nrjdalal
Copy link
Owner

still happening on mac :'(

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

0/1 PR has 0 of 1 required approvals @web/next Auto-created label for @web/next

Projects

None yet

Development

Successfully merging this pull request may close these issues.

should be squircle

2 participants