Files
panel/resources/js/@layouts/config.js

43 lines
1.1 KiB
JavaScript
Raw Permalink Normal View History

2025-08-04 16:33:07 +03:30
import { breakpointsVuetify } from '@vueuse/core'
import { AppContentLayoutNav, ContentWidth, FooterType, HorizontalNavType, NavbarType } from '@layouts/enums'
export const layoutConfig = {
app: {
title: 'my-layout',
logo: h('img', { src: '/src/assets/logo.svg' }),
contentWidth: ContentWidth.Boxed,
contentLayoutNav: AppContentLayoutNav.Vertical,
overlayNavFromBreakpoint: breakpointsVuetify.md,
// isRTL: false,
i18n: {
enable: true,
},
iconRenderer: h('div'),
},
navbar: {
type: NavbarType.Sticky,
navbarBlur: true,
},
footer: {
type: FooterType.Static,
},
verticalNav: {
isVerticalNavCollapsed: false,
defaultNavItemIconProps: { icon: 'tabler-circle' },
},
horizontalNav: {
type: HorizontalNavType.Sticky,
transition: 'none',
popoverOffset: 0,
},
icons: {
chevronDown: { icon: 'tabler-chevron-down' },
chevronRight: { icon: 'tabler-chevron-right' },
close: { icon: 'tabler-x' },
verticalNavPinned: { icon: 'tabler-circle-dot' },
verticalNavUnPinned: { icon: 'tabler-circle' },
sectionTitlePlaceholder: { icon: 'tabler-minus' },
},
}