fix: connect buttons, explorer layout margin

aragon · Oct 29, 2024 · 6f6a323 · 6f6a323
1 parent 5846a0c
commit 6f6a323
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/src/@aragon/ods-old/components/button/buttonWallet.tsx b/src/@aragon/ods-old/components/button/buttonWallet.tsx
@@ -44,7 +44,9 @@ type AvatarProps = Pick<ButtonWalletProps, 'isLoading' | 'isConnected' | 'src'>;
 
 const Avatar: FC<AvatarProps> = ({isConnected, isLoading, src}) => {
   if (!isConnected) {
-    return <Icon icon={IconType.PERSON} />;
+    return (
+      <Icon size="lg" responsiveSize={{md: 'md'}} icon={IconType.PERSON} />
+    );
   }
   if (isLoading) {
     return <Spinner size="small" />;
@@ -59,7 +61,7 @@ const StyledButton = styled.button.attrs<StyledButtonProp>(({isLoading}) => {
     isLoading ? 'text-primary-500' : 'text-neutral-600'
   } flex items-center md:space-x-3 font-semibold p-3 hover:text-neutral-800
     active:text-neutral-800 disabled:text-neutral-300 bg-neutral-0 hover:bg-neutral-100 active:bg-neutral-200
-    disabled:bg-neutral-100 rounded-xl focus-visible:ring focus-visible:ring-primary`;
+    disabled:bg-neutral-100 rounded-xl focus-visible:ring focus-visible:ring-primary size-12 justify-center md:w-fit`;
   return {className};
 })``;
 

diff --git a/src/containers/navbar/exploreNav.tsx b/src/containers/navbar/exploreNav.tsx
@@ -73,8 +73,6 @@ const ExploreNav: React.FC = () => {
             <ActionsWrapper>
               {isDesktop ? (
                 <Button
-                  size="md"
-                  responsiveSize={{md: 'lg'}}
                   variant="tertiary"
                   iconRight={IconType.FEEDBACK}
                   onClick={handleFeedbackButtonClick}
@@ -83,8 +81,6 @@ const ExploreNav: React.FC = () => {
                 </Button>
               ) : (
                 <Button
-                  size="md"
-                  responsiveSize={{md: 'lg'}}
                   variant="tertiary"
                   iconLeft={IconType.FEEDBACK}
                   onClick={handleFeedbackButtonClick}

diff --git a/src/pages/explore.tsx b/src/pages/explore.tsx
@@ -41,5 +41,5 @@ export const Explore: React.FC = () => {
 
 const ContentWrapper = styled.div.attrs({
   className:
-    'col-span-full xl:col-start-2 xl:col-end-12 space-y-10 xl:space-y-16 mb-12 xl:mb-20',
+    'col-span-full xl:col-start-2 xl:col-end-12 space-y-10 xl:space-y-16 my-12 xl:mb-20',
 })``;