MVP1 - Top Right Nav

[bryansamuel1]

The top right nav of the room toolbar currently looks like this.
.

• Check overlay works on mobile.
• Add translations
• Add button and link titles
• Choose appropriate colours (talk to Rites to discuss if need be)
• Try to get the navbar to take up at maximum half the screen width on mobile devices. If this cannot be done please convert to a hamburger menu instead using the navigation drawer from Vuetify

This navbar shall contain the following from Right to Left. Once completed adjust the navbar to only be as wide as it needs. This is shown irrelevant of what game or language is selected.

• User Profile.

1. Icon: User-circle from FA.
2. Dropdown: Vuetify Menu component.
3. Option 1: Login/Logout (placeholder) link that opens an overlay. Use Vuetify Overlay. Nothing else needed.

• Room Settings

1. Icon: Cogs from FA.
2. Dropdown: Vuetify Menu component.
3. Option 1: New Tactic. On click opens an overlay. Use Vuetify Overlay. Nothing else needed.
4. Option 2: Manage Tactics. On click opens an overlay. Use Vuetify Overlay. Nothing else needed.
5. Option 3: Manage Room. On click opens an overlay. Use Vuetify Overlay. Nothing else needed.

• Save Room

1. Icon: save from FA.
2. onClick of the icon opens an overlay. Use Vuetify Overlay. Nothing else needed.