Modified Login UI - Githubissues

codeuino / codebadge-backend

GNU General Public License v3.0

15 stars 23 forks source link

Modified Login UI #26

Closed txrp0x9 closed 4 years ago

txrp0x9 commented 4 years ago

About

This PR modifies the default authorization login user-interface. It also adds the ability to logout once logged in by deleting the saved access token.

Changes

Extracted the toolbar to a new component
Changed the whole look of the authorization page
Added a logout feature to the toolbar which deletes the stored access token and allows you to login again.

Expected Results

The authorization page should look like this:

The Navigation Bar should look like this after logging in: expected2

Testing

Launch your application locally by follow the steps in the readme
Make sure the page looks similar to the one as described above.
Click on the Login button.
After logging in make sure the Logout button appears on the navigation bar.

shivamluthra commented 4 years ago

Hi! @Torpedo99 , Please prefer posting screenshots for UI based issues' review. You can follow this template.

txrp0x9 commented 4 years ago

Restyled the AuthView component and extracted toolbar and the login button components. Read PR details for the new look.

txrp0x9 commented 4 years ago

Changed the fonts to Playfair Display, Roboto and Roboto Condensed.

jaskiratsingh2000 commented 4 years ago

Looks good ✌😉