bsoc-bitbyte / bsoc-bitbyte/busify

Add Hamburger Menu for AdminPanel Sidebar on Mobile Devices.

Open
#85 4 comments 0 reactions 1 assignee Claimed by @shounakpatil View on GitHub
BSoC'24 enhancement frontend good first issue
Dominant language
TypeScript
Stars
42
Forks
75
PR merge metrics
No merged PRs in 30d

Description

### Is your feature request related to a problem? Please describe.

We can't keep the AdminPanel sidebar open on mobile devices due to lack of space. So currently there's no way to access the AdminPanel sidebar on mobile devices.
![image](https://github.com/bsoc-bitbyte/busify/assets/128511266/6590ff5d-9772-4487-842c-b08e64acb5d3)

### Describe the solution you'd like

Add a hamburger menu icon (keep the color "yellow", the same as the theme color) to the navbar that will be visible on `mobile devices & admin route only`. When the hamburger icon is clicked, it should open the AdminPanel sidebar in a` side drawer`.

Also, make the "BUSIFY" text of the sidebar responsive for tablet screens(currently seems too small).

### Describe alternatives you've considered

_No response_

### Developer Help

In order to view the admin page as an "Admin" role, you can make a slight change in "frontend/src/store/ authstore.tsx" file:
At line 25 :
`setUser: user => set({
user: {
...user,
role: 'admin',
}
}),`

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.