Style the nav bar #26

Closed
opened 2020-10-25 03:22:40 +01:00 by Irev-Dev · 13 comments
Irev-Dev commented 2020-10-25 03:22:40 +01:00 (Migrated from github.com)

Our nav-bar should look like this:
image
But currently looks like this:
image

  • Styles should be done in tailwind css (note: gradients can be like so)
  • The two fonts used are Ropa Sans and Roberto (if they're not already in the project by the time you start this ticket please make sure they're configured with tailwind)

When a user isn't signed in it should look like this:
image

Link to the prisma design

The file that needs editing is MainLayout.js

Let me know if you have any questions or need help with anything.
Ticket is flexiable and we can reduce the scope if you think any part of it is beyond your skill level.

Our nav-bar should look like this: ![image](https://user-images.githubusercontent.com/29681384/97097270-e9635600-16c2-11eb-8333-46bad7f39c38.png) But currently looks like this: ![image](https://user-images.githubusercontent.com/29681384/97097314-4a8b2980-16c3-11eb-8b3f-34c8fbc2a0d9.png) - Styles should be done in tailwind css (note: gradients can be [like so](https://tailwindcss.com/docs/gradient-color-stops#app)) - The two fonts used are [Ropa Sans](https://fonts.google.com/specimen/Ropa+Sans?query=ropa) and [Roberto](https://fonts.google.com/specimen/Roboto?query=rob) (if they're not already in the project by the time you start this ticket please make sure they're configured with [tailwind](https://tailwindcss.com/docs/font-family#customizing)) When a user isn't signed in it should look like this: ![image](https://user-images.githubusercontent.com/29681384/97097395-efa60200-16c3-11eb-8a0d-0ac850812e41.png) [Link to the prisma design](https://www.figma.com/file/VUh53RdncjZ7NuFYj0RGB9/CadHub?node-id=7%3A37) The file that needs editing is [MainLayout.js](https://github.com/Irev-Dev/cadhub/blob/main/web/src/layouts/MainLayout/MainLayout.js) Let me know if you have any questions or need help with anything. Ticket is flexiable and we can reduce the scope if you think any part of it is beyond your skill level.
yencolon commented 2020-10-25 06:26:09 +01:00 (Migrated from github.com)

Hi, I would like to help with this!

Hi, I would like to help with this!
Irev-Dev commented 2020-10-25 06:52:04 +01:00 (Migrated from github.com)

It's all yours @yencolon

It's all yours @yencolon
saurabh786iit commented 2020-10-25 11:54:54 +01:00 (Migrated from github.com)

Hey,
Please assign this to me

Hey, Please assign this to me
Irev-Dev commented 2020-10-25 22:24:31 +01:00 (Migrated from github.com)

Sorry @saurabh786iit, it's already assigned.

Sorry @saurabh786iit, it's already assigned.
yencolon commented 2020-10-26 17:27:27 +01:00 (Migrated from github.com)

Hey @Irev-Dev I followed the installation steps but when running the app I got a database error 😬

The table dev.Part does not exist in the current database.

Hey @Irev-Dev I followed the installation steps but when running the app I got a database error 😬 > The table `dev.Part` does not exist in the current database.
Irev-Dev commented 2020-10-26 19:30:08 +01:00 (Migrated from github.com)

Oh hmm try yarn rw db up @yencolon.

Oh hmm try `yarn rw db up` @yencolon.
yencolon commented 2020-10-26 19:52:25 +01:00 (Migrated from github.com)

Yeah, that works. Thanks.

Yeah, that works. Thanks.
Irev-Dev commented 2020-10-26 19:56:54 +01:00 (Migrated from github.com)

I just updated the read me. Thanks for catching this one @yencolon

I just updated the read me. Thanks for catching this one @yencolon
yencolon commented 2020-10-27 00:02:32 +01:00 (Migrated from github.com)

Fonts should be added via CDN or local?

Fonts should be added via CDN or local?
Irev-Dev commented 2020-10-27 09:35:36 +01:00 (Migrated from github.com)

Lets go local, it will be served by Netlify's CDN anyway.

Lets go local, it will be served by Netlify's CDN anyway.
AugustoZanoni commented 2020-10-27 13:59:46 +01:00 (Migrated from github.com)

#38 Solved

#38 Solved
yencolon commented 2020-10-27 16:19:52 +01:00 (Migrated from github.com)

Hi @AugustoZanoni, thanks for collaborating, I guess @Irev-Dev can merge some our code :)

Hi @AugustoZanoni, thanks for collaborating, I guess @Irev-Dev can merge some our code :)
Irev-Dev commented 2020-10-27 19:56:47 +01:00 (Migrated from github.com)

Sorry @AugustoZanoni, I had to close your PR.

Thanks @yencolon 🚀

Sorry @AugustoZanoni, I had to close your PR. Thanks @yencolon 🚀
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: h3n3/cadhub#26