fix: modify header style (#98)

opensquare-network · May 13, 2024 · 93b44ed · 93b44ed
1 parent 0c64dc0
commit 93b44ed
Showing 1 changed file with 11 additions and 8 deletions.
diff --git a/lib/Header/index.js b/lib/Header/index.js
@@ -2,7 +2,6 @@ import React, { useEffect, useState } from "react";
 import styled from "styled-components";
 import {
   LogoSymbolOpensquareColor,
-  LogoTypeOpensquare,
   SystemClose,
   SystemMenu,
 } from "@osn/icons/opensquare";
@@ -43,6 +42,7 @@ export default function Header({
   children,
   logoRender = defaultLogoRender,
   prefix,
+  suffix,
   links = [],
   connectButton,
   className = "",
@@ -65,15 +65,18 @@ export default function Header({
             )}
             {logoRender(
               <Flex className="gap-x-2.5">
-                <LogoSymbolOpensquareColor className="w-9 h-[26px]" />
-                <LogoTypeOpensquare
-                  className={cn(
-                    "mt-[3px] [&_path]:fill-textPrimary",
-                    "max-sm:hidden",
-                  )}
-                />
+                <LogoSymbolOpensquareColor className="h-[28px]" />
+                <span className="text-textPrimary text-[22px] leading-[22px] font-bold max-sm:hidden">
+                  OpenSquare
+                </span>
               </Flex>,
             )}
+            {suffix && (
+              <>
+                <hr className="h-4 mx-4 border-r" />
+                {suffix}
+              </>
+            )}
           </Flex>
 
           {/* mobile menu button */}