Diseño

Lo primero que se debe buscar al comenzar un nuevo proyecto en base a DNA es modificar gráficamente el proyecto para que se adapte al diseño.

CSS

Idealmente se debe comenzar por adaptar las hojas de estilo globales del proyecto, las cuales están separadas por grupos para mayor orden y comodidad. estos archivos serán mezclados y minificados al hacer el build del proyecto.

/assets/css/layout.css
/assets/css/form.css
/assets/css/app.css

El archivo app.css queda a disposición para incorporar el css particular de cada app sin tener que agregar mas elementos a las otras hojas de estilo.

Componentes layout

En caso que los ajustes mediante css no sean suficientes y se requiera agregar clases o modificar algunas estructuras de css para apegarse al diseño propuesto se pueden modificar los componentes. en particular los de layout son:

/layouts/default.vue
/layouts/public.vue
/components/dna/layouts/AppNavbar.vue
/components/dna/layouts/AppSideMenu.vue
/components/dna/layouts/LoadingComponent.vue
/components/dna/layouts/MenuItem.vue
/components/dna/layouts/MenuItemBody.vue
/components/dna/layouts/ProfileMenu.vue
/components/dna/layouts/ToggleSideMenu.vue

Layout default