Merge pull request #623 from us3r-network/F-organizeMobileHeaderMenu-…

…shixuewen feat: organize mobile header menu
us3r-network · Mar 15, 2024 · d2d57ea · d2d57ea
2 parents 13d3d7c + 2d2a725
commit d2d57ea
Show file tree

Hide file tree

Showing 23 changed files with 54 additions and 623 deletions.
diff --git a/apps/u3/src/components/common/button/ColorButton.tsx b/apps/u3/src/components/common/button/ColorButton.tsx
@@ -9,7 +9,8 @@ export default function ColorButton({
   return (
     <Button
       className={cn(
-        'h-[48px] p-[12px] gap-[8px] rounded-[12px] text-white text-[16px] font-bold bg-[#5057AA] hover:bg-[#454C99]',
+        'h-[48px] p-[12px] gap-[8px] rounded-[12px] bg-[#F41F4C] hover:bg-[#F41F4C]',
+        'text-[#FFF] text-center text-[14px] font-medium leading-[20px]',
         'max-sm:h-[36px] max-sm:px-[12px] max-sm:py-[0px]',
         className
       )}

diff --git a/apps/u3/src/components/explore/HomeLayout.tsx b/apps/u3/src/components/explore/HomeLayout.tsx
@@ -21,14 +21,24 @@ export default function HomeLayout({
         communities={hotCommunities.communities}
         isLoading={hotCommunities.isLoading}
       />
-      <ColorButton
-        className="hidden max-sm:flex"
-        onClick={() => {
-          navigate('/poster-gallery');
-        }}
-      >
-        Poster Gallery
-      </ColorButton>
+      <div className="items-center justify-between gap-[10px] hidden max-sm:flex">
+        <ColorButton
+          className="flex-1"
+          onClick={() => {
+            navigate('/caster-daily');
+          }}
+        >
+          Mint Poster
+        </ColorButton>
+        <ColorButton
+          className="flex-1"
+          onClick={() => {
+            navigate('/poster-gallery');
+          }}
+        >
+          Poster Gallery
+        </ColorButton>
+      </div>
     </MainWrapper>
   );
 }
diff --git a/apps/u3/src/components/layout/ListRoutelLayout.tsx b/apps/u3/src/components/layout/ListRoutelLayout.tsx
diff --git a/apps/u3/src/components/layout/LoginButton.tsx b/apps/u3/src/components/layout/LoginButton.tsx