Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create ProfileComponent #1

Merged
merged 5 commits into from
Dec 31, 2021
Merged

Create ProfileComponent #1

merged 5 commits into from
Dec 31, 2021

Conversation

GailWilson
Copy link
Contributor

@GailWilson GailWilson commented Dec 24, 2021

  • Creates ProfileComponent to add to TopNav
  • Uses Davatar for the profile component 🙌
  • Updates TopNav to remove the top/bottom padding and align the items in the center

Screen Shot 2021-12-31 at 2 18 14 PM

@carlosdp
Copy link
Contributor

Image didn't upload it seems

@GailWilson GailWilson force-pushed the gdw/create_profile_component branch 2 times, most recently from 6c4599c to 2a903cf Compare December 29, 2021 05:27
@GailWilson
Copy link
Contributor Author

@carlosdp updated the image

@carlosdp
Copy link
Contributor

It doesn't look like it's related to this component... What does the app code look like?

@carlosdp
Copy link
Contributor

Screen Shot 2021-12-30 at 9 15 22 PM

yea I'm not seeing what you are, I would need to see the context you are rendering it in

@GailWilson
Copy link
Contributor Author

Fixed it! Wrapped a button in a button before 😅

Replacing image with the updated version

src/Button.tsx Outdated
@@ -161,4 +172,8 @@ const useStyles = createStyles(theme => ({
'color-secondary': {
backgroundColor: theme.colors.accent,
},
'color-unfilled-with-border': {
Copy link
Contributor

Choose a reason for hiding this comment

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

unfilled-with-border => unfilled

Copy link
Contributor Author

Choose a reason for hiding this comment

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

This makes sense

@@ -161,4 +172,8 @@ const useStyles = createStyles(theme => ({
'color-secondary': {
backgroundColor: theme.colors.accent,
},
'color-unfilled-with-border': {
backgroundColor: theme.colors.background,
border: `2px solid ${theme.colors.onSurface}`,
Copy link
Contributor

Choose a reason for hiding this comment

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

move to rounded

Copy link
Contributor Author

Choose a reason for hiding this comment

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

i'm going to keep the color of the border here but update to just be unfilled b/c to me the outside border color should be tied to the inside color

@GailWilson GailWilson merged commit 333d27f into master Dec 31, 2021
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.

2 participants