chore: fix filters

aragon · Oct 30, 2024 · 3948693 · 3948693
1 parent 767812e
commit 3948693
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/src/components/ctaCard/index.tsx b/src/components/ctaCard/index.tsx
@@ -45,11 +45,11 @@ export default CTACard;
 
 const CTACardWrapper = styled.div.attrs({
   className:
-    'bg-neutral-0 flex flex-col xl:items-start items-center p-6 lg:space-y-2 rounded-xl gap-y-6 mb-6 lg:mb-0 shadow-neutral',
+    'bg-neutral-0 flex flex-col lg:items-start items-center p-6 lg:space-y-2 rounded-xl gap-y-6 mb-6 lg:mb-0 shadow-neutral',
 })``;
 
 const Content = styled.div.attrs({
-  className: 'flex xl:items-start items-center flex-col lg:m-0 ',
+  className: 'flex lg:items-start items-center flex-col lg:m-0 ',
 })``;
 
 const Title = styled.p.attrs({

diff --git a/src/containers/daoExplorer/daoExplorer.tsx b/src/containers/daoExplorer/daoExplorer.tsx
@@ -154,8 +154,7 @@ export const DaoExplorer = () => {
   const showSortFilter = filters.quickFilter !== 'featuredDaos' && isConnected;
 
   const filterGroupClassName = classNames('flex justify-between w-full', {
-    'flex flex-col items-center gap-y-3 md:flex-row md:justify-between':
-      isConnected,
+    'flex flex-col gap-y-3 md:flex-row md:justify-between': isConnected,
   });
 
   const toggleGroupClassName = classNames('flex flex-row w-full', {
@@ -168,7 +167,7 @@ export const DaoExplorer = () => {
   });
 
   const buttonGroupContainerClassName = classNames('shrink-0', {
-    'flex w-full md:w-fit': filters.quickFilter === 'featuredDaos',
+    'flex md:w-fit': !isConnected && filters.quickFilter === 'featuredDaos',
     'flex gap-x-3 w-full md:w-fit justify-between':
       isConnected && filters.quickFilter !== 'featuredDaos',
   });
@@ -284,7 +283,7 @@ export const DaoExplorer = () => {
               size="md"
               href="/#/create"
               onClick={handleWalletButtonClick}
-              className="shrink-0 "
+              className="w-fit"
             >
               {t('cta.create.actionLabel')}
             </Button>