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

Add login information component #53

Open
jensren opened this issue Jan 16, 2022 · 0 comments
Open

Add login information component #53

jensren opened this issue Jan 16, 2022 · 0 comments
Assignees
Labels
feat New feature or request

Comments

@jensren
Copy link
Collaborator

jensren commented Jan 16, 2022

What: add the login information as seen in the top right corner:
Screen Shot 2022-01-16 at 5 55 55 PM
(Note: there is no green box in the Figma, I added that to show what I mean by login component)

Right now, we cannot put it exactly there since the navbar is still horizontal at the top of the page. Instead, we can put the login under the navbar and move the login to the top after the navbar is moved to the side.

Why: after we implement logins, we will use this component to display the user data

How:

  • Add a login component that is visible on the top right corner of every page, as shown in the screenshot. Login component should shift the page contents down (so the title is lower than the login, as in the screenshot). Login component can be just underneath the navbar for now
  • Display the user's name, email, and profile picture
  • If possible, use a Bootstrap component rather than writing custom styling. If you need to write custom styling, please write it with styled components rather than css modules
@jensren jensren added the feat New feature or request label Jan 16, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feat New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants