- Nuevo layout responsivo mobile-first con tabs inferiores - Sidebar colapsable en desktop con cola de impresión - Sistema de templates reutilizables con localStorage - Soporte Dark/Light mode con UColorModeButton - Composables usePrintQueue y useTemplates para estado global - Componentes modulares: CommandBuilder, QuickActions, PrintQueue, QueueItem - Navegación por tabs: Constructor | Cola | Templates
35 lines
631 B
CSS
35 lines
631 B
CSS
/* Safe area para PWA en iOS */
|
|
.safe-area-bottom {
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
}
|
|
|
|
/* Padding inferior para contenido con navegación mobile */
|
|
.pb-mobile-nav {
|
|
padding-bottom: calc(4rem + env(safe-area-inset-bottom));
|
|
}
|
|
|
|
/* Scrollbar personalizado */
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
@apply bg-gray-300 dark:bg-gray-700 rounded-full;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
@apply bg-gray-400 dark:bg-gray-600;
|
|
}
|
|
|
|
/* Reset básico */
|
|
html, body, #__nuxt {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|