config.js
1.15 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
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: 'ri-circle-line' },
},
horizontalNav: {
type: HorizontalNavType.Sticky,
transition: 'none',
popoverOffset: 0,
},
icons: {
chevronDown: { icon: 'ri-arrow-down-line' },
chevronRight: { icon: 'ri-arrow-right-line' },
close: { icon: 'ri-close-line' },
verticalNavPinned: { icon: 'ri-record-circle-line' },
verticalNavUnPinned: { icon: 'ri-circle-line' },
sectionTitlePlaceholder: { icon: 'ri-subtract-line' },
},
}