Merge pull request #223 from persistenceOne/terms_update

update top banner
persistenceOne · Dec 7, 2023 · 63d143f · 63d143f
2 parents 8ac9407 + a35ff9b
commit 63d143f
Show file tree

Hide file tree

Showing 5 changed files with 56 additions and 38 deletions.
diff --git a/src/assets/images1/stkOsmo.svg b/src/assets/images1/stkOsmo.svg
diff --git a/src/assets/scss/style.css b/src/assets/scss/style.css
diff --git a/src/assets/scss/style.css.map b/src/assets/scss/style.css.map
diff --git a/src/assets/scss/views/_main.scss b/src/assets/scss/views/_main.scss
@@ -270,7 +270,7 @@ a {
     flex-direction: column;
     .bannernav-section {
       width: 100%;
-      background-image: url(./../../images1/atom_topbar.svg) , radial-gradient(100% 57099.62% at 6% 0%, #B8F9FE 0%, #B48FDD 25.4%, #83339D 100%);;
+      background-image: url(./../../images1/atom_topbar.svg) , linear-gradient(80.17deg, #7268FD -4.31%, #CA2EBD 111.08%, #CA2EBD 127.68%);
       position: relative;
       background-repeat: no-repeat;
       background-size: cover;

diff --git a/src/components/layout/BannerTop.js b/src/components/layout/BannerTop.js
@@ -1,44 +1,44 @@
-import React, {useState} from "react";
+import React, { useState } from "react";
 import Alert from "react-bootstrap/Alert";
-import stkATOM from "../../assets/images1/stkAtom.svg";
+import stkOsmo from "../../assets/images1/stkOsmo.svg";
 import Icon from "../Icon";
 
 const BannerTop = () => {
-    const [banner, setBanner] = useState(true);
+  const [banner, setBanner] = useState(true);
 
-    const closeBanner = () => {
-        setBanner(false);
-    }
+  const closeBanner = () => {
+    setBanner(false);
+  };
 
-    return (
-        banner ?
-        <div className="container-fluid bannernav-section">
-                <div className="container">
-                    <Alert className="nav-banner alert-dismissible d-flex align-items-center justify-content-center">
-                        <img src={stkATOM} alt={"stkATOM"} className="pr-2 logo"/>
-                        <p>
-                            LSM support now live on pSTAKE. Liquid stake your already staked ATOM now.&nbsp;
-                            <a
-                                className="link"
-                                href={'https://cosmos.pstake.finance/'}
-                                target="_blank"
-                                rel="noopener noreferrer"
-                            >
-                                <b>here!</b>
-                            </a>
-                        </p>
-                        <div onClick={closeBanner} className="close">
-                        <Icon
-                            viewClass="close fill-[#fff] absolute top-[13px] right-[20px] cursor-pointer"
-                            icon="close"
-                        />
-                        </div>
-                    </Alert>
-                </div>
-        </div>
-                : null
-
-    );
+  return banner ? (
+    <div className="container-fluid bannernav-section">
+      <div className="container">
+        <Alert className="nav-banner alert-dismissible d-flex align-items-center justify-content-center">
+          <img src={stkOsmo} alt={"stkOsmo"} className="pr-2 logo" />
+          <p>
+            stkOsmo is LIVE on pSTAKE. Liquid Stake your OSMO with 75
+            validators&nbsp;
+            <a
+              className="link"
+              href={
+                "https://app.pstake.finance/cosmos?token=OSMO&chain=osmosis"
+              }
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <b>now</b>
+            </a>
+          </p>
+          <div onClick={closeBanner} className="close">
+            <Icon
+              viewClass="close fill-[#fff] absolute top-[13px] right-[20px] cursor-pointer"
+              icon="close"
+            />
+          </div>
+        </Alert>
+      </div>
+    </div>
+  ) : null;
 };
 
 export default BannerTop;