47 lines
1.5 KiB
JavaScript
47 lines
1.5 KiB
JavaScript
import { breakpointsVuetify } from '@vueuse/core'
|
|
import { VIcon } from 'vuetify/components/VIcon'
|
|
|
|
// ❗ Logo SVG must be imported with ?raw suffix
|
|
import { defineThemeConfig } from '@core'
|
|
import { RouteTransitions, Skins } from '@core/enums'
|
|
import logo from '@images/logo.png'
|
|
import { AppContentLayoutNav, ContentWidth, FooterType, NavbarType } from '@layouts/enums'
|
|
|
|
export const { themeConfig, layoutConfig } = defineThemeConfig({
|
|
app: {
|
|
title: 'MyoScope',
|
|
logo: h('img', { src: logo, style: 'width: 32px; height: 32px; color: rgb(var(--v-global-theme-primary))' }),
|
|
contentWidth: ContentWidth.Boxed,
|
|
contentLayoutNav: AppContentLayoutNav.Vertical,
|
|
overlayNavFromBreakpoint: breakpointsVuetify.md + 16,
|
|
enableI18n: false,
|
|
theme: 'light',
|
|
isRtl: false,
|
|
skin: Skins.Default,
|
|
routeTransition: RouteTransitions.Fade,
|
|
iconRenderer: VIcon,
|
|
},
|
|
navbar: {
|
|
type: NavbarType.Sticky,
|
|
navbarBlur: true,
|
|
},
|
|
footer: { type: FooterType.Static },
|
|
verticalNav: {
|
|
isVerticalNavCollapsed: false,
|
|
defaultNavItemIconProps: { icon: 'tabler-circle', size: 10 },
|
|
isVerticalNavSemiDark: true,
|
|
},
|
|
horizontalNav: {
|
|
type: 'sticky',
|
|
transition: 'slide-y-reverse-transition',
|
|
},
|
|
icons: {
|
|
chevronDown: { icon: 'tabler-chevron-down' },
|
|
chevronRight: { icon: 'tabler-chevron-right', size: 18 },
|
|
close: { icon: 'tabler-x' },
|
|
verticalNavPinned: { icon: 'tabler-circle-dot' },
|
|
verticalNavUnPinned: { icon: 'tabler-circle' },
|
|
sectionTitlePlaceholder: { icon: 'tabler-separator' },
|
|
},
|
|
})
|