fix: align language switcher

regen-network · Dec 10, 2024 · 630d6b7 · 630d6b7
1 parent d19b21b
commit 630d6b7
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 9 deletions.
diff --git a/web-components/src/components/header/Header.styles.ts b/web-components/src/components/header/Header.styles.ts
@@ -70,7 +70,7 @@ export const useHeaderStyles = makeStyles<StyleProps>()(
         },
         '& li.MuiMenuItem-root, li.MuiMenuItem-root > div': {
           display: 'flex',
-          alignSelf: 'end',
+          alignSelf: 'center',
           backgroundColor: 'inherit',
           textDecoration: 'none',
         },

diff --git a/web-marketplace/src/components/organisms/ListProject/ListProject.tsx b/web-marketplace/src/components/organisms/ListProject/ListProject.tsx
@@ -12,7 +12,6 @@ import { useAuth } from 'lib/auth/auth';
 import { getBalanceQuery } from 'lib/queries/react-query/cosmos/bank/getBalanceQuery/getBalanceQuery';
 
 import { DRAFT_ID } from 'pages/Dashboard/MyProjects/MyProjects.constants';
-import { useAuthData } from 'hooks/useAuthData';
 import { useQueryIsIssuer } from 'hooks/useQueryIsIssuer';
 
 import { useWallet } from '../../../lib/wallet/wallet';
@@ -24,7 +23,6 @@ const ListProject = () => {
   const { _ } = useLingui();
   const { wallet } = useWallet();
   const { activeAccountId, activeAccount } = useAuth();
-  const { noAccountAndNoWallet } = useAuthData();
   const navigate = useNavigate();
   const isConnectingRef = useRef(false);
 
@@ -50,12 +48,10 @@ const ListProject = () => {
   );
 
   return (
-    <div>
+    <>
       {!isLoadingIsIssuer && (
         <Body
-          className={`text-[11px] sm:text-base font-bold bg-clip-text cursor-pointer ${
-            noAccountAndNoWallet ? 'pt-0' : 'pt-[5px]'
-          } pr-10 sm:pr-25 bg-[linear-gradient(202deg,#4FB573_14.67%,#B9E1C7_97.14%)] text-right`}
+          className="text-[11px] sm:text-base font-bold bg-clip-text cursor-pointer mb-3 pr-10 sm:pr-25 bg-[linear-gradient(202deg,#4FB573_14.67%,#B9E1C7_97.14%)] text-right"
           sx={{
             textFillColor: 'transparent',
           }}
@@ -81,7 +77,7 @@ const ListProject = () => {
         modalState={modalState}
         redirectRoute="project-pages/draft/basic-info"
       />
-    </div>
+    </>
   );
 };
 

diff --git a/web-marketplace/src/components/organisms/RegistryLayout/RegistryLayout.Header.tsx b/web-marketplace/src/components/organisms/RegistryLayout/RegistryLayout.Header.tsx
@@ -133,7 +133,7 @@ const RegistryLayoutHeader: React.FC = () => {
             {clientConfig.listProject && <ListProject />}
             <LanguageSwitcher
               className={cn(
-                'mr-25 hidden lg:block',
+                'mr-25 mt-1 hidden lg:block',
                 isHome && 'text-sc-button-text-icon-light',
               )}
             />