From 1a5dbbbcb225a5061278935ae1e7559d2c284cce Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Tue, 14 Oct 2025 01:39:56 -0600
Subject: [PATCH] =?UTF-8?q?style:=20igualar=20fondo=20del=20dropdown=20de?=
 =?UTF-8?q?=20configuraci=C3=B3n=20con=20autenticaci=C3=B3n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Usar var(--bg-secondary) en lugar de rgba fijo
- Aumentar blur de 20px a 50px para consistencia
- Usar var(--border-glass) para bordes
- Ajustar border-radius de 16px a 12px
- Usar mismo box-shadow que AuthIndicator
- Reducir padding de 12px a 8px
---
 components/SettingsMenu.client.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/SettingsMenu.client.vue b/components/SettingsMenu.client.vue
index 0d46574..9930d76 100644
--- a/components/SettingsMenu.client.vue
+++ b/components/SettingsMenu.client.vue
@@ -87,13 +87,13 @@ onUnmounted(() => {
   top: calc(100% + 8px);
   right: 0;
   min-width: 220px;
-  background: rgba(255, 255, 255, 0.12);
-  backdrop-filter: blur(20px);
-  -webkit-backdrop-filter: blur(20px);
-  border: 1px solid rgba(255, 255, 255, 0.15);
-  border-radius: 16px;
-  padding: 12px;
-  box-shadow: var(--shadow-glass), 0 8px 32px rgba(0, 0, 0, 0.2);
+  background: var(--bg-secondary);
+  backdrop-filter: blur(50px);
+  -webkit-backdrop-filter: blur(50px);
+  border: 1px solid var(--border-glass);
+  border-radius: 12px;
+  padding: 8px;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
   z-index: 10001;
   display: flex;
   flex-direction: column;