fix(sidebar): responsive mobile support

SergioRibera · SergioRibera · commit 0f9a50e07f89 · 2024-06-26T01:24:11.000-04:00
diff --git a/pages/[...slug].vue b/pages/[...slug].vue
@@ -85,7 +85,7 @@ const closeSidebar = () => {
   content.value = null;
   document.body.classList.remove('overflow-hidden')
 }
-const sidebarClass = computed(() => showSidebar.value ? 'right-0  w-2/4' : 'w-screen')
+const sidebarClass = computed(() => showSidebar.value ? 'right-0 w-screen lg:w-2/4' : 'w-screen')
 
 function changeStatus(val) {
   if (val == status.value) return

Original file line number	Diff line number	Diff line change
`@@ -85,7 +85,7 @@ const closeSidebar = () => {`
`85`	`85`	`content.value = null;`
`86`	`86`	`document.body.classList.remove('overflow-hidden')`
`87`	`87`	`}`
`88`		`-const sidebarClass = computed(() => showSidebar.value ? 'right-0 w-2/4' : 'w-screen')`
	`88`	`+const sidebarClass = computed(() => showSidebar.value ? 'right-0 w-screen lg:w-2/4' : 'w-screen')`
`89`	`89`
`90`	`90`	`function changeStatus(val) {`
`91`	`91`	`if (val == status.value) return`