Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: update new-york style too

Browse Source
This commit is contained in:
zernonia 2024-11-19 14:35:50 +08:00
parent 73c70842ad
commit f67ae44e93
3 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/www/src/lib/registry/default/ui/sidebar/SidebarProvider.vue
View File

@ -18,7 +18,7 @@ const emits = defineEmits<{
'update:open': [open: boolean] 'update:open': [open: boolean]
}>() }>()
const isMobile = useMediaQuery('(max-width: 768px)') // useIsMobile() const isMobile = useMediaQuery('(max-width: 768px)')
const openMobile = ref(false) const openMobile = ref(false)
const open = useVModel(props, 'open', emits, { const open = useVModel(props, 'open', emits, {

1
apps/www/src/lib/registry/new-york/ui/sidebar/Sidebar.vue
View File

@ -36,6 +36,7 @@ const { isMobile, state, openMobile, setOpenMobile } = useSidebar()
<SheetContent <SheetContent
data-sidebar="sidebar" data-sidebar="sidebar"
data-mobile="true" data-mobile="true"
:side="side"
class="w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden" class="w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden"
:style="{ :style="{
'--sidebar-width': SIDEBAR_WIDTH_MOBILE, '--sidebar-width': SIDEBAR_WIDTH_MOBILE,

4
apps/www/src/lib/registry/new-york/ui/sidebar/SidebarProvider.vue
View File

@ -18,7 +18,7 @@ const emits = defineEmits<{
'update:open': [open: boolean] 'update:open': [open: boolean]
}>() }>()
const isMobile = ref(false) // useIsMobile() const isMobile = useMediaQuery('(max-width: 768px)')
const openMobile = ref(false) const openMobile = ref(false)
const open = useVModel(props, 'open', emits, { const open = useVModel(props, 'open', emits, {
@ -39,7 +39,7 @@ function setOpenMobile(value: boolean) {
// Helper to toggle the sidebar. // Helper to toggle the sidebar.
function toggleSidebar() { function toggleSidebar() {
return isMobile.value ? setOpenMobile(!open.value) : setOpen(!open.value) return isMobile.value ? setOpenMobile(!openMobile.value) : setOpen(!open.value)
} }
useEventListener('keydown', (event: KeyboardEvent) => { useEventListener('keydown', (event: KeyboardEvent) => {