From 21c6c9b3d2c50fdd38fcfdc21275002407b4b193 Mon Sep 17 00:00:00 2001 From: rockyeverlast Date: Wed, 17 Apr 2024 20:31:26 +0530 Subject: [PATCH] mobile responsive updates and bugs fixes --- .../ArticleInternalFour.jsx | 6 ++- .../ArticleInternalOne/ArticleInternalOne.jsx | 12 ++--- .../ArticleInternalSix/ArticleInternalSix.jsx | 10 ++-- .../ArticleInternalThree.jsx | 7 ++- .../ArticleInternalTwo/ArticleInternalTwo.jsx | 30 ++++++++--- .../ArticleInternalfive.jsx | 13 +++-- src/components/Card/MobileHomeCard.jsx | 5 +- .../MobileComponent/MobileCommunityCard.jsx | 52 +++++++++++++----- .../MobileComponent/MobileSubnet2.jsx | 2 +- .../MobileComponent/MobileSubnet3.jsx | 8 ++- .../MobileComponent/ResourcesMobile.jsx | 53 +++++++++++++++---- 11 files changed, 145 insertions(+), 53 deletions(-) diff --git a/src/components/ArticleInternalFour/ArticleInternalFour.jsx b/src/components/ArticleInternalFour/ArticleInternalFour.jsx index b521651..4fc5d2c 100644 --- a/src/components/ArticleInternalFour/ArticleInternalFour.jsx +++ b/src/components/ArticleInternalFour/ArticleInternalFour.jsx @@ -41,6 +41,11 @@ const ArticleInternalFour = () => { alignItems={"center"} flexDirection={"column"} color="white" + sx={{ + "@media (max-width: 600px)": { + width: "100%", + }, + }} > { - ); }; diff --git a/src/components/ArticleInternalOne/ArticleInternalOne.jsx b/src/components/ArticleInternalOne/ArticleInternalOne.jsx index a59ea97..d54528f 100644 --- a/src/components/ArticleInternalOne/ArticleInternalOne.jsx +++ b/src/components/ArticleInternalOne/ArticleInternalOne.jsx @@ -328,16 +328,16 @@ const ArticleInternalOne = () => { the enhanced BlockSpace. Bots have caused significant issues to the Solana network, leading to multiple stoppages. When costs of transaction is lowered in networks like Solana, bots tend to - spam the network aggressively. So efforts to scale monolithic L1 - chains could cause network security & reliability issues. + spam the network aggressively. So efforts to scale monolithi c + L1 chains could cause network security & reliability issues. - - + - + */} { alignItems={"center"} flexDirection={"column"} color="white" + sx={{ + "@media (max-width: 600px)": { + width: "100%", + }, + }} > { - + {/* - + */} The Multichain Technology is a platform that helps users with setting up specific Private Blockchains that can be utilized by @@ -345,7 +350,6 @@ const ArticleInternalSix = () => { - ); }; diff --git a/src/components/ArticleInternalThree/ArticleInternalThree.jsx b/src/components/ArticleInternalThree/ArticleInternalThree.jsx index d1e7958..9f7b0e0 100644 --- a/src/components/ArticleInternalThree/ArticleInternalThree.jsx +++ b/src/components/ArticleInternalThree/ArticleInternalThree.jsx @@ -40,6 +40,12 @@ const ArticleInternalThree = () => { alignItems={"center"} flexDirection={"column"} color="white" + sx={{ + "@media (max-width: 600px)": { + minHeight: "50vh", + width: "100%", + }, + }} > { - ); }; diff --git a/src/components/ArticleInternalTwo/ArticleInternalTwo.jsx b/src/components/ArticleInternalTwo/ArticleInternalTwo.jsx index 5207f62..26f5c54 100644 --- a/src/components/ArticleInternalTwo/ArticleInternalTwo.jsx +++ b/src/components/ArticleInternalTwo/ArticleInternalTwo.jsx @@ -40,15 +40,34 @@ const ArticleInternalTwo = () => { alignItems={"center"} flexDirection={"column"} color="white" + sx={{ + "@media (max-width: 600px)": { + width: "100%", + minHeight: "50vh", + }, + }} > Rubix: The Sustainable Blockchain Solution — a Green Initiative - + Business Growth January 5, 2023 @@ -171,12 +190,12 @@ const ArticleInternalTwo = () => { electricity depending on the consensus algorithm used to mine it for trading or spending. - + {/* - + */} At present, Bitcoin is using approximately 177.43 TWh of electricity, while Ethereum’s consumption lies at about 79.69 @@ -203,12 +222,12 @@ const ArticleInternalTwo = () => { Rubix the first-ever enterprise-level Zero Carbon Footprint blockchain alternative. - + {/* - + */} Following are the key benefits of the PoP consensus mechanism: @@ -426,7 +445,6 @@ const ArticleInternalTwo = () => { - ); }; diff --git a/src/components/ArticleInternalfive/ArticleInternalfive.jsx b/src/components/ArticleInternalfive/ArticleInternalfive.jsx index fe1b30a..01594eb 100644 --- a/src/components/ArticleInternalfive/ArticleInternalfive.jsx +++ b/src/components/ArticleInternalfive/ArticleInternalfive.jsx @@ -133,12 +133,12 @@ const ArticleInternalfive = () => { - + {/* - + */} Web3 transformation is beginning to accelerate at an exponential rate. Enterprises & app developers alike are keenly looking for @@ -196,13 +196,13 @@ const ArticleInternalfive = () => { good documentation. The entire network can be up & running in hours, not days. - + {/* - + */} Rubix ProofChain is the chain of all transactions that are bound by the user token called utility token (RBT). All ProofChains @@ -221,13 +221,13 @@ const ArticleInternalfive = () => { sync to represent one global state without the explicit need for 3rd party nodes or oracles. - + {/* - + */} Another major advantage of the Rubix Chain is that even though it is a public chain, the level of decentralization that the @@ -295,7 +295,6 @@ const ArticleInternalfive = () => { - ); }; diff --git a/src/components/Card/MobileHomeCard.jsx b/src/components/Card/MobileHomeCard.jsx index b974c65..343ba10 100644 --- a/src/components/Card/MobileHomeCard.jsx +++ b/src/components/Card/MobileHomeCard.jsx @@ -47,11 +47,12 @@ const MobileHomeCard = ({ key, date, text, link }) => { fontWeight={"400"} borderRadius={"20px"} padding={"3px 16px"} + marginBottom={"20px"} > INSIGHT - { }} > {date} - + */} { > {item.name} - + {item.jobTitle} - + {item.description} - - + + + {/* + /> */} ))} diff --git a/src/components/MobileComponent/MobileSubnet2.jsx b/src/components/MobileComponent/MobileSubnet2.jsx index 07cc1f2..bba2856 100644 --- a/src/components/MobileComponent/MobileSubnet2.jsx +++ b/src/components/MobileComponent/MobileSubnet2.jsx @@ -70,7 +70,7 @@ const MobileSubnet2 = ({ font }) => { 01. Decentralisation - Rubix Decentralised Identity( DID) issued at L1 is the foundation + Rubix Decentralised Identity(DID) issued at L1 is the foundation for building digital ownership enhancing applications. diff --git a/src/components/MobileComponent/MobileSubnet3.jsx b/src/components/MobileComponent/MobileSubnet3.jsx index 4b11f99..54d9726 100644 --- a/src/components/MobileComponent/MobileSubnet3.jsx +++ b/src/components/MobileComponent/MobileSubnet3.jsx @@ -120,7 +120,9 @@ const MobileSubnet3 = ({ font }) => { Fully Deterministic - Apps can bring Own Block space( BYOB) + + Apps can bring Own Block space(BYOB) + @@ -141,7 +143,9 @@ const MobileSubnet3 = ({ font }) => { Unique token/object based architecture - Build unlimited FTs and NFTs all at L1!! + + Build unlimited FTs and NFTs all at L1!! + diff --git a/src/components/MobileComponent/ResourcesMobile.jsx b/src/components/MobileComponent/ResourcesMobile.jsx index 87a27d2..0100a11 100644 --- a/src/components/MobileComponent/ResourcesMobile.jsx +++ b/src/components/MobileComponent/ResourcesMobile.jsx @@ -12,23 +12,51 @@ import MobileHomeCard from "../Card/MobileHomeCard"; const content = [ { id: 1, - date: `Published: March 13, 2020`, - text: `Multichain over Blockchain — A reality check on security threat`, + date: `Published: January 5, 2023`, + text: `Bring your own BlockSpace`, + link: `bring-your-own-blockspace`, }, { - id: 2, - date: `Published: March 13, 2020`, - text: `Financial Times Crypto & Digital Assets Summit Panel`, + id: 5, + date: `Published: January 28, 2022`, + text: `Enterprise blockchains on a Public Chain!`, + link: `enterprise-blockchains-on-a-public-chain`, }, { id: 3, - date: `Published: March 13, 2020`, - text: `Enterprise blockchains on a Public Chain!`, + date: `Published: December 30, 2021`, + text: `Mining Rubix Tokens — What You Need To Know`, + link: `mining-rubix-tokens-what-you-need-to-know`, }, + { + id: 4, + date: `Published: March 11, 2022`, + text: `Securing wallet to wallet transfers across the network: Rubix solved it differently`, + link: `securing-wallet-to-wallet-transfers-across-the-network-rubix-solved-it-differently`, + }, + + { + id: 6, + date: `Published: January 12, 2022`, + text: `Multichain over Blockchain — A reality check on security threat`, + link: `multichain-over-blockchain-a-reality-check-on-security-threat`, + }, + { + id: 2, + date: `Published: December 30, 2021`, + text: `Rubix: The Sustainable Blockchain Solution — a Green Initiative`, + link: `rubix-the-sustainable-blockchain-solution-a-green-initiative`, + }, + // { + // id: 7, + // date: `Published: January 12, 2022`, + // text: `Enterprise blockchains on a Public Chain`, + // link: `enterprise-blockchains-on-a-public-chain`, + // }, ]; const Content = { - heading: `Resources and Latest Happenings`, + heading: `Resources and Latest Happenings`, }; const ResourcesMobile = () => { @@ -46,7 +74,7 @@ const ResourcesMobile = () => { sx={{ "@media (max-width: 600px)": { fontSize: "22px", - fontWeight:'500' + fontWeight: "500", }, }} > @@ -66,7 +94,12 @@ const ResourcesMobile = () => { {content.map((item) => ( <> - + ))}