josedario87
955584275b
- Agregar imports de Tailwind CSS v4 y Nuxt UI en main.css - Renombrar QueueActions.vue -> Actions.vue y QueueItem.vue -> Item.vue para evitar conflictos de nombres de componentes - Crear composable useMediaQuery para manejo de responsive - Corregir referencias a componentes en index.vue y PrintQueue.vue - Actualizar imports de servidor a rutas relativas - Instalar @iconify-json/heroicons y @iconify-json/lucide - Actualizar Jimp a sintaxis v1.x
47 lines
871 B
CSS
47 lines
871 B
CSS
@import "tailwindcss";
|
|
@import "@nuxt/ui";
|
|
|
|
/* 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 {
|
|
background: rgb(209 213 219); /* gray-300 */
|
|
border-radius: 9999px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: rgb(156 163 175); /* gray-400 */
|
|
}
|
|
|
|
.dark ::-webkit-scrollbar-thumb {
|
|
background: rgb(55 65 81); /* gray-700 */
|
|
}
|
|
|
|
.dark ::-webkit-scrollbar-thumb:hover {
|
|
background: rgb(75 85 99); /* gray-600 */
|
|
}
|
|
|
|
/* Reset básico */
|
|
html, body, #__nuxt {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|