From c082d2d27a4009f224333cf2a8f06f94d1b7fd17 Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Tue, 14 Oct 2025 01:32:37 -0600
Subject: [PATCH] fix: corregir overflow del dropdown en el header

- Cambiar overflow: hidden a overflow: visible en app-header
- Aumentar z-index del dropdown de 1000 a 9999
- Permitir que el dropdown se dibuje por encima de todos los elementos
---
 components/MainContainer.client.vue | 2 +-
 components/SettingsMenu.client.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/MainContainer.client.vue b/components/MainContainer.client.vue
index 80bd768..6290d58 100644
--- a/components/MainContainer.client.vue
+++ b/components/MainContainer.client.vue
@@ -94,7 +94,7 @@ const hasActiveTrack = computed(() => !!props.currentTrack)
   border: 1px solid rgba(255, 255, 255, 0.12);
   border-radius: 20px;
   position: relative;
-  overflow: hidden;
+  overflow: visible;
   flex-shrink: 0;
 }
 
diff --git a/components/SettingsMenu.client.vue b/components/SettingsMenu.client.vue
index 28a5226..8cf6585 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: 1000;
+  z-index: 9999;
   display: flex;
   flex-direction: column;
   gap: 8px;