diff --git a/src/organisms/User/Dropdown/hooks/useHideBackgroundOnMobile.ts b/src/organisms/User/Dropdown/hooks/useHideBackgroundOnMobile.ts index 2fc67e0e..99c473ff 100644 --- a/src/organisms/User/Dropdown/hooks/useHideBackgroundOnMobile.ts +++ b/src/organisms/User/Dropdown/hooks/useHideBackgroundOnMobile.ts @@ -34,6 +34,11 @@ export const useHideBackgroundOnMobile = (isOpen: boolean): boolean => { } } else { // Caso CV: lógica de respaldo buscando elementos en .main + const browse = document.querySelector('.browse') + if (browse) { + browse.style.display = isOpen ? 'none' : '' + } + const mainElement = document.querySelector('.main') if (!mainElement) return @@ -61,6 +66,10 @@ export const useHideBackgroundOnMobile = (isOpen: boolean): boolean => { footer.style.display = '' } } else { + const browse = document.querySelector('.browse') + if (browse) { + browse.style.display = '' + } const mainElement = document.querySelector('.main') if (mainElement) { const firstChild = mainElement.firstElementChild diff --git a/src/organisms/User/UserDropdown.tsx b/src/organisms/User/UserDropdown.tsx index a5ffa75a..603e462b 100644 --- a/src/organisms/User/UserDropdown.tsx +++ b/src/organisms/User/UserDropdown.tsx @@ -129,6 +129,8 @@ export const UserDropdown = ({ borderRadius: !isMobile ? '10px' : '0', bg: vars('colors-neutral-white'), '>button, >a': { + borderTop: 'none', + borderInline: 'none', borderBottom: isMobile ? `solid 1px ${vars('colors-neutral-platinum')}` : undefined, }, },