[Styling] Fix User Avatar Style ✨

agustints commented 5 months ago

Summary

This pull request addresses an issue with the user profile avatar style in the settings panel of the Clockify browser extension. The changes enhance the visual appearance of the avatar by making it more consistent and aesthetically pleasing.

Changes Made

Avatar Styling: Applied border-radius: 50%; to make the avatar circular.
Image Fit: Added object-fit: cover; to ensure the avatar image is properly cropped and fits within the circular frame.

Before and After

Before: The avatar image did not have a consistent shape and might have appeared stretched or out of place.
After: The avatar image now appears as a perfect circle and maintains its proportions, providing a cleaner look.

Testing

Verified that the avatar displays correctly in the settings panel.
Ensured that the changes do not affect other parts of the UI.

Screenshots

Before:

After:

milosfromcake commented 5 months ago

Hi @agustints, thank you for trying to contribute to our project by making this pull request.

We will soon give you feedback about the changes you have made in our repository.

milosfromcake commented 4 months ago

Hi @agustints, we have decided to accept this fix. Thanks for your patience and desire to improve our app.

agustints commented 3 months ago

Awesome @milosfromcake 👍

clockify / browser-extension