From 80b54fc90269d5193d9235fa66e763e3d454450c Mon Sep 17 00:00:00 2001 From: Kevin Davis Date: Wed, 6 Nov 2024 19:43:24 +0700 Subject: [PATCH] chore: fix filters count sizing on button --- src/containers/daoExplorer/daoExplorer.tsx | 16 +++++++--------- 1 file changed, 7 insertions(+), 9 deletions(-) diff --git a/src/containers/daoExplorer/daoExplorer.tsx b/src/containers/daoExplorer/daoExplorer.tsx index a3eb0fe70..145d9829d 100644 --- a/src/containers/daoExplorer/daoExplorer.tsx +++ b/src/containers/daoExplorer/daoExplorer.tsx @@ -169,14 +169,11 @@ export const DaoExplorer = () => { 'flex w-full justify-center md:w-fit': isConnected, }); - const buttonGroupContainerClassName = classNames( - 'shrink-0 flex gap-x-3 justify-end', - { - 'flex md:w-fit': !isConnected && filters.quickFilter === 'featuredDaos', - 'flex gap-x-3 w-full md:w-fit justify-between': - isConnected && filters.quickFilter === 'allDaos', - } - ); + const buttonGroupContainerClassName = classNames('flex gap-x-3 justify-end', { + 'flex md:w-fit': !isConnected && filters.quickFilter === 'featuredDaos', + 'flex gap-x-3 w-full md:w-fit justify-between': + isConnected && filters.quickFilter === 'allDaos', + }); /************************************************* * Render * @@ -218,6 +215,7 @@ export const DaoExplorer = () => { size="md" iconLeft={IconType.FILTER} onClick={() => setShowAdvancedFilters(true)} + className="!min-w-fit" > {filtersCount} @@ -296,7 +294,7 @@ export const DaoExplorer = () => { size="md" href="/#/create" onClick={handleWalletButtonClick} - className="w-fit" + className="shrink-0" > {t('cta.create.actionLabel')}