Feature header responsiveness

noams24 / Kef-Code

An educational website to help students easily pass tests

https://www.kefcode.com

MIT License

9 stars 19 forks source link

Feature header responsiveness #121

Closed vsmedeiros closed 8 months ago

vsmedeiros commented 8 months ago

[x] Incorporating custom screen configurations to optimize the layout for smaller devices.
[x] Improving the header logo's responsiveness.
[x] "Burguer" dropdown menu.
[x] Closing the dropdown menu when clicked outside or when inside a menu item.

vercel[bot] commented 8 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
kef-code	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 28, 2023 11:58pm

noams24 commented 8 months ago

@vsmedeiros Hi! Can you make that "קורסים" and "העלאת שאלה" buttons will become a Hamburger menu bar flat icon on small screen? like in this project: https://zeon.studio/preview?project=nextplate https://github.com/zeon-studio/nextplate/blob/main/src/layouts/partials/Header.tsx

noams24 commented 8 months ago

@vsmedeiros Thanks! By the way, do you know how to fix that if the user navigating between pages using Link component, close the drop down? In other words, set the value "isDropdownOpen" to false when navigating between routes?

vsmedeiros commented 8 months ago

@vsmedeiros Thanks! By the way, do you know how to fix that if the user navigating between pages using Link component, close the drop down? In other words, set the value "isDropdownOpen" to false when navigating between routes?

@noams24 You're welcome! I'll aim to address this functionality later.

vsmedeiros commented 8 months ago

Amazing work!

Pleased to make a contribution!