[STK-62] Stackly header and logo

[wixzi]

Description

• Added Navbar
• Mobile menu
• Mobile hamburger button and close
• Mobile menu backdrop
• Placeholder fields for wallet connect and user preview

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Pages

Latest commit:	2052cb9
Status:	✅  Deploy successful!
Preview URL:	https://10174411.stackly-ui.pages.dev
Branch Preview URL:	https://feature-stk-62-stackly-heade.stackly-ui.pages.dev

View logs

[berteotti]

Can you update .gitignore so there aren't build files on our repo?

[berteotti]

There is a mobile version on figma. Stackly header should adjust itself if is rendered on mobile or desktop.

[berteotti]

There is a mobile version on figma. Stackly header should adjust itself if is rendered on mobile or desktop.

[wixzi]

Can you update .gitignore so there aren't build files on our repo?

Its yarn cache and its required. Its not build files

[wixzi]

There is a mobile version on figma. Stackly header should adjust itself if is rendered on mobile or desktop.

Will add the mobile classes. Mobile version I saw now.

[Diogomartf]

Some things are missing on the navbar.

I let some prints just for reference:

On mobile it doesn't need to ship with the correct buttons, but it has to have the structure to handle that positions.

Make sure to also use the correct icons for the hamburguer and close icon (they also have bg color).

You can merge with develop to get the tailwind theme.

[wixzi]

Some things are missing on the navbar.

I let some prints just for reference:

On mobile it doesn't need to ship with the correct buttons, but it has to have the structure to handle that positions.

Make sure to also use the correct icons for the hamburguer and close icon (they also have bg color).

You can merge with develop to get the tailwind theme.

Thanks for checking

[berteotti]

Good job Velu, header looks nice. Just wondering if we should have the mobile logic all in the same component, using components like the placeholders and your stacks link in just 1 place.

[Diogomartf]

Overall good work Velu.

I've made a lot of components but mostly are about tailwindcss.
I think in the upcoming PRs will be better at tailwind, so I took more time on this one.

Also adding a small description of the work and screenshot in the PR description would be awesome.

Let's fix these minor issues and ship the navbar.

[wixzi]

Overall good work Velu.

I've made a lot of components but mostly are about tailwindcss. I think in the upcoming PRs will be better at tailwind, so I took more time on this one.

Also adding a small description of the work and screenshot in the PR description would be awesome.

Let's fix these minor issues and ship the navbar.

Thank you. It's been some time since I used Tailwind. Going forward this issue will not occur.

[Diogomartf]

Just that small change and I think is ready ✔️

[berteotti]

Hey Velu, I advise you to download this vscode extension if you haven't already. It's pretty useful for this cases https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss

[berteotti]

Let me know what you think about the constant

[berteotti]

Good job Velu!