From aa34a98737032cd47297d4e3f579dcdba3c68d89 Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Tue, 14 Oct 2025 01:36:34 -0600
Subject: [PATCH] fix: aumentar z-index del header y dropdown

- Agregar z-index: 100 al app-header
- Aumentar z-index del dropdown a 10001 (mayor que AuthIndicator)
- Asegurar que el dropdown se dibuje por encima de todos los elementos
---
 components/MainContainer.client.vue | 1 +
 components/SettingsMenu.client.vue  | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/MainContainer.client.vue b/components/MainContainer.client.vue
index 6290d58..8131aba 100644
--- a/components/MainContainer.client.vue
+++ b/components/MainContainer.client.vue
@@ -96,6 +96,7 @@ const hasActiveTrack = computed(() => !!props.currentTrack)
   position: relative;
   overflow: visible;
   flex-shrink: 0;
+  z-index: 100;
 }
 
 .app-header::before {
diff --git a/components/SettingsMenu.client.vue b/components/SettingsMenu.client.vue
index 8cf6585..0d46574 100644
--- a/components/SettingsMenu.client.vue
+++ b/components/SettingsMenu.client.vue
@@ -94,7 +94,7 @@ onUnmounted(() => {
   border-radius: 16px;
   padding: 12px;
   box-shadow: var(--shadow-glass), 0 8px 32px rgba(0, 0, 0, 0.2);
-  z-index: 9999;
+  z-index: 10001;
   display: flex;
   flex-direction: column;
   gap: 8px;