Header Fixed (#407)

darwinia-network · May 10, 2024 · 473b406 · 473b406
1 parent 9dec514
commit 473b406
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 9 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -5,7 +5,7 @@ import { Outlet } from "react-router-dom";
 function App() {
   return (
     <div className="relative min-h-screen bg-bg-primary">
-      <div className="fixed left-0 top-0 z-10 flex h-[3.125rem] w-full items-center justify-center bg-primary lg:h-[3.75rem] lg:bg-bg-primary">
+      <div className="fixed left-0 top-0 z-10 flex h-[3.125rem] w-full items-center justify-center bg-bg-primary pt-[10px] lg:h-[3.75rem] lg:pt-0">
         <Header />
       </div>
 

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -1,7 +1,7 @@
 import logo from "../assets/app-logo.svg";
 // import darwiniabtnlogo from "../assets/darwiniabtnlogo.svg";
 // import headerbtnlogo from "../assets/headerbtnlogo.svg";
-import mobileMenuIcon from "../assets/mobileMenuIcon.svg";
+// import mobileMenuIcon from "../assets/mobileMenuIcon.svg";
 // import DownArrow from "../assets/DownArrow.svg";
 import { Link, useMatch } from "react-router-dom";
 import { useTranslation } from "react-i18next";
@@ -28,16 +28,13 @@ export const Header = () => {
         <>
           <div className="flex items-center gap-[0.625rem]">
             <a
-              className="text-light min-h-[2.25rem] bg-[#242A2E] px-[15px] py-[7px] text-sm text-white transition hover:opacity-80 active:scale-95 lg:border lg:border-primary"
+              className="text-light active:scale-9 min-h-[2.25rem] rounded-[0.625rem] bg-primary px-[0.938rem] py-[0.5rem] text-[0.875rem] font-[700] text-white transition hover:opacity-80"
               target="_blank"
               rel="noopener noreferrer"
               href="https://github.com/darwinia-network/apps/blob/master/README.md#how-to-add-your-portal"
             >
               {t("Submit")}
             </a>
-            <button className="h-[2.25rem] w-[2.25rem] bg-[#242A2E] p-[0.625rem] lg:hidden lg:border lg:border-primary">
-              <img src={mobileMenuIcon} alt="mobileMenuIcon" className="" />
-            </button>
           </div>
           {/* <div className=" hidden items-center gap-[0.625rem] lg:flex">
             <div className="flex cursor-pointer items-center gap-[0.313rem] rounded-[0.313rem] bg-[#242A2E] px-[0.625rem] py-[0.5rem]">

diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
@@ -2,17 +2,17 @@ import hero from "../assets/herobg.png";
 
 export const Hero = () => {
   return (
-    <div className="flex flex-col items-center justify-center gap-5 px-[0.625rem] py-5 lg:relative lg:mt-[1.875rem] lg:gap-[1.875rem] lg:px-0 lg:py-[4.063rem] ">
+    <div className="mt-[4rem] flex flex-col items-center justify-center gap-5 px-[0.625rem] py-5 lg:relative lg:mt-[1.875rem] lg:gap-[1.875rem] lg:px-0 lg:py-[4.063rem] ">
       {/* <img alt="..." src={hero} /> */}
       <div
-        className="inset-0 mt-[3.5rem] h-[189px] w-full bg-cover bg-center lg:absolute lg:mt-0 lg:h-auto lg:opacity-[30%]"
+        className="inset-0 h-[189px] w-full bg-cover bg-center lg:absolute  lg:h-auto lg:opacity-[30%]"
         style={{
           backgroundImage: `url(${hero})`,
         }}
       ></div>
       <p className="relative z-10 text-[1.5rem] font-[700] text-white ">
         Explore Dapps building on {"{"}
-        <span className="text-primary">Darwinia</span>
+        <span className="text-primary">Darwinia2</span>
         {"}"} ecosystem_
       </p>
     </div>