Sidebar side doesn't work
Hey, once I specify side="right" it kinda breaks the sidebar.
1. the resizable handle is gone
2. it doesn't move to the right
layout: https://pastes.dev/PEgAnJiIFU
Page: https://pastes.dev/hFTX4Przpt
does anyone know why?
6 Replies
Hi @Just Simeon. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
I'm sorry, but the knowledge sources provided do not contain information about issues with a sidebar's resizable handle or its position when specifying
side="right" in a Nuxt layout. The sources do discuss related topics such as navigation drawers, their positioning, and styling in Nuxt (often with Vuetify), but there is no explicit mention of a side prop or the specific problems you described.
If you are using Vuetify's <v-navigation-drawer>, the correct prop for positioning is usually location="right" rather than side="right", and there are examples of using location="right" to move the drawer to the right side. However, the sources do not mention a resizable handle or how to enable/disable it.
If you can provide more details about the sidebar component/library you are using, or if you are using a custom implementation, please clarify. Otherwise, based on the current knowledge sources, I cannot provide a definitive answer to your question.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------<@294593079812292609> Kapa.ai is still learning and improving, please let me know how I did by reacting below.
@kapa.ai I am using nuxt ui https://ui.nuxt.com/docs/components/dashboard-sidebar
and the side property does nothing for me
Nuxt UI
Vue DashboardSidebar Component - Nuxt UI
A resizable and collapsible sidebar to display in a dashboard.
Let me check the knowledge base for you again. One moment! :books:
----------------------
I'm sorry, but the knowledge sources provided do not contain any information about the Nuxt UI DashboardSidebar component or its side property. The sources mainly discuss navigation drawers and sidebars in the context of Vuetify and custom implementations, but there is no mention of Nuxt UI or its specific sidebar component.
Because of this, I cannot provide a confident answer regarding why the side property does nothing for you in Nuxt UI's DashboardSidebar. You may want to consult the official Nuxt UI documentation or open an issue on their repository for more targeted support.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
<@294593079812292609> Kapa.ai is still learning and improving, please let me know how I did by reacting below.
I just checked and changing the side onhttps://ui.nuxt.com/docs/components/dashboard-sidebar#side also doesn't do anything
Nuxt UI
Vue DashboardSidebar Component - Nuxt UI
A resizable and collapsible sidebar to display in a dashboard.