fix(a): corregimos alto del componente en mobile y border

Author: josefin-ferrada

src/organisms/User/UserDropdown.tsx

@@ -100,27 +100,32 @@ export const UserDropdown = ({
           left: isMobile ? '0 !important' : 'auto',
           position: isMobile ? 'fixed !important' : 'absolute',
           top: isMobile ? '52px !important' : 'auto',
+          bottom: isMobile ? '0 !important' : 'auto',
           transform: isMobile ? 'none !important' : 'auto',
+          width: isMobile ? '100% !important' : 'auto',
         },
         '.chakra-menu__menu-list': {
           animation: 'none !important',
           background: vars('colors-neutral-davysGrey'),
           borderRadius: isMobile ? '0' : '10px',
           boxShadow: isMobile ? 'none' : 'rgba(47, 47, 47, 0.2) -1px 6px 40px 0px',
-          maxHeight: isMobile ? 'calc(100vh - 62px)' : 'auto',
+          display: isMobile ? 'flex' : 'block',
+          flexDirection: isMobile ? 'column' : 'initial',
+          height: isMobile ? '100%' : 'auto',
+          maxHeight: isMobile ? '100%' : 'auto',
           opacity: '1 !important',
           overflowY: isMobile ? 'auto' : 'hidden',
           padding: '15px 0 0',
           position: 'absolute',
           right: isMobile ? 'auto' : '-8px',
-          top: isMobile ? '3px !important' : 'auto',
+          top: isMobile ? '0 !important' : 'auto',
           transform: 'none !important',
           transition: 'none !important',
           width: isMobile ? '100vw' : '290px',
         },
 
         '.content': {
-          height: isMobile ? '100%' : 'auto',
+          flex: isMobile ? '1' : 'auto',
           borderRadius: !isMobile ? '10px' : '0',
           bg: vars('colors-neutral-white'),
           '>button, >chakra-link': {