Mejorar visibilidad de patrón y eliminar gap en barra de título
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 57s

- Aumentar opacidad del patrón en modo light (0.03 → 0.08)
- Agregar margin: 0 a la barra de título
- Forzar margin y padding: 0 en body y html
- Eliminar línea blanca entre body y barra de título
This commit is contained in:
2025-10-16 23:31:03 -06:00
parent bb47b0e25b
commit 05e5e9e7f8

View File

@@ -46,21 +46,21 @@ onMounted(() => {
z-index: 9999; z-index: 9999;
/* Completamente transparente con patrón sutil */ /* Completamente transparente con patrón sutil */
background: transparent; background: transparent;
/* Patrón de puntos muy sutil para indicar área arrastrable */ /* Patrón de puntos más visible en modo light para indicar área arrastrable */
background-image: background-image:
repeating-linear-gradient( repeating-linear-gradient(
90deg, 90deg,
transparent, transparent,
transparent 8px, transparent 8px,
rgba(128, 128, 128, 0.03) 8px, rgba(128, 128, 128, 0.08) 8px,
rgba(128, 128, 128, 0.03) 9px rgba(128, 128, 128, 0.08) 9px
), ),
repeating-linear-gradient( repeating-linear-gradient(
0deg, 0deg,
transparent, transparent,
transparent 8px, transparent 8px,
rgba(128, 128, 128, 0.03) 8px, rgba(128, 128, 128, 0.08) 8px,
rgba(128, 128, 128, 0.03) 9px rgba(128, 128, 128, 0.08) 9px
); );
/* Esta propiedad permite arrastrar la ventana */ /* Esta propiedad permite arrastrar la ventana */
-webkit-app-region: drag; -webkit-app-region: drag;
@@ -72,6 +72,8 @@ onMounted(() => {
transition: all 0.3s ease; transition: all 0.3s ease;
/* Bloquear interacción con elementos debajo */ /* Bloquear interacción con elementos debajo */
pointer-events: auto; pointer-events: auto;
/* Eliminar cualquier margen o gap */
margin: 0;
} }
.titlebar-content { .titlebar-content {
@@ -146,4 +148,15 @@ onMounted(() => {
.window-titlebar ~ * { .window-titlebar ~ * {
padding-top: env(titlebar-area-height, 0px); padding-top: env(titlebar-area-height, 0px);
} }
/* Eliminar gap entre body y barra de título */
body {
margin: 0 !important;
padding: 0 !important;
}
html {
margin: 0 !important;
padding: 0 !important;
}
</style> </style>