feat: make horizontal adjustment only when size is specified

ApollosProject · Nov 25, 2024 · e4196ef · e4196ef
1 parent 8013a52
commit e4196ef
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/web-shared/components/Profile/Profile.js b/packages/web-shared/components/Profile/Profile.js
@@ -79,7 +79,7 @@ const Profile = ({ theme, handleCloseProfile, size, ...rest }) => {
 
   return (
     <>
-      <Styled.Profile ref={ref}>
+      <Styled.Profile ref={ref} {...(size ? { right: '-15px;' } : {})}>
         <Styled.ProfileCard
           borderRadius={{
             _: '0%',

diff --git a/packages/web-shared/components/Profile/Profile.styles.js b/packages/web-shared/components/Profile/Profile.styles.js
@@ -12,7 +12,7 @@ const Profile = withTheme(styled.div`
   position: absolute;
   transition: opacity 0.3s ease;
   z-index: 9999;
-  right: -15px;
+  right: 0;
 
   @media screen and (max-width: ${themeGet('breakpoints.sm')}) {
     position: fixed;