From 05e5e9e7f84c0c7efbd5ca8a2a2aa227235436a3 Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Thu, 16 Oct 2025 23:31:03 -0600
Subject: [PATCH] =?UTF-8?q?Mejorar=20visibilidad=20de=20patr=C3=B3n=20y=20?=
 =?UTF-8?q?eliminar=20gap=20en=20barra=20de=20t=C3=ADtulo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 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
---
 nuxt4/app/components/WindowTitleBar.vue | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/nuxt4/app/components/WindowTitleBar.vue b/nuxt4/app/components/WindowTitleBar.vue
index 8b75abf..b3ea8dc 100644
--- a/nuxt4/app/components/WindowTitleBar.vue
+++ b/nuxt4/app/components/WindowTitleBar.vue
@@ -46,21 +46,21 @@ onMounted(() => {
   z-index: 9999;
   /* Completamente transparente con patrón sutil */
   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:
     repeating-linear-gradient(
       90deg,
       transparent,
       transparent 8px,
-      rgba(128, 128, 128, 0.03) 8px,
-      rgba(128, 128, 128, 0.03) 9px
+      rgba(128, 128, 128, 0.08) 8px,
+      rgba(128, 128, 128, 0.08) 9px
     ),
     repeating-linear-gradient(
       0deg,
       transparent,
       transparent 8px,
-      rgba(128, 128, 128, 0.03) 8px,
-      rgba(128, 128, 128, 0.03) 9px
+      rgba(128, 128, 128, 0.08) 8px,
+      rgba(128, 128, 128, 0.08) 9px
     );
   /* Esta propiedad permite arrastrar la ventana */
   -webkit-app-region: drag;
@@ -72,6 +72,8 @@ onMounted(() => {
   transition: all 0.3s ease;
   /* Bloquear interacción con elementos debajo */
   pointer-events: auto;
+  /* Eliminar cualquier margen o gap */
+  margin: 0;
 }
 
 .titlebar-content {
@@ -146,4 +148,15 @@ onMounted(() => {
 .window-titlebar ~ * {
   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>