From 9b35f2516b5a8a2a738958769f7b1fdcabc9288b Mon Sep 17 00:00:00 2001
From: YasinShaikh123 <123150391+YasinShaikh123@users.noreply.github.com>
Date: Wed, 23 Oct 2024 16:09:56 +0530
Subject: [PATCH] update bg

---
 src/pages/DidInfo.jsx           | 8 ++++----
 src/pages/Home.jsx              | 1 +
 src/pages/MainNet.jsx           | 1 +
 src/pages/MainNetIdOverview.jsx | 2 +-
 src/pages/SmartContract.jsx     | 2 +-
 src/pages/Subnet.jsx            | 2 +-
 src/pages/SubnetId.jsx          | 3 ++-
 src/pages/SubnetIdOverview.jsx  | 2 +-
 src/pages/Transaction.jsx       | 2 +-
 9 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/pages/DidInfo.jsx b/src/pages/DidInfo.jsx
index ffab39a..6be11d7 100644
--- a/src/pages/DidInfo.jsx
+++ b/src/pages/DidInfo.jsx
@@ -61,7 +61,7 @@ const DidInfo = () => {
     <FullScreenLoaader />:
     <Box
     {...OPACITY_ON_LOAD}
-      h={"100vh"}
+      minH={"100vh"}
       display={"flex"}
       justifyContent={"space-between"}
       flexDirection={"column"}
@@ -126,9 +126,9 @@ const DidInfo = () => {
               color={colorMode === "light" ? "#230A79" : "#B09AFF"}
             >
               <Text 
-                      display={"flex"}
-                      gap={2}
-                      alignItems={"center"} ><Image w={4} src={rbtLogoOutline} /> {data?.data?.balance}</Text>
+                display={"flex"}
+                gap={2}
+                alignItems={"center"} ><Image w={4} src={rbtLogoOutline} /> {data?.data?.balance}</Text>
               <Text as={"span"} ml={5} cursor={"pointer"}>
                 {/* <MdContentCopy
                   onClick={() => copyToClipboard(transaction.sender)}
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 44c915b..58d5e6c 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -34,6 +34,7 @@ const Home = () => {
 
   return (
     <Box 
+      minH={"100vh"}
       bg={colorMode === "light" ? "#fff" : "none"}
       backgroundImage={{base:colorMode !== "light" ? `url(${bannerImageMobile})` : "none",md:colorMode !== "light" ? `url(${bannerImage})` : "none"}}
       backgroundSize="contain"
diff --git a/src/pages/MainNet.jsx b/src/pages/MainNet.jsx
index f2a74cc..46d8ed1 100644
--- a/src/pages/MainNet.jsx
+++ b/src/pages/MainNet.jsx
@@ -121,6 +121,7 @@ const MainNet = () => {
     <FullScreenLoaader />
   ) : (
     <Box
+      minH={"100vh"}
       {...OPACITY_ON_LOAD}
       p={"6rem 0 4rem 0"}
       backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"}
diff --git a/src/pages/MainNetIdOverview.jsx b/src/pages/MainNetIdOverview.jsx
index 2d79991..0ff6b28 100644
--- a/src/pages/MainNetIdOverview.jsx
+++ b/src/pages/MainNetIdOverview.jsx
@@ -36,7 +36,7 @@ const MainNetOveriew = () => {
   }
 
   return (
-    <Box p={"6rem 0 4rem 0"} backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"} position={"relative"} backgroundSize="contain" backgroundRepeat="no-repeat">
+    <Box minH={"100vh"} p={"6rem 0 4rem 0"} backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"} position={"relative"} backgroundSize="contain" backgroundRepeat="no-repeat">
       <Container
         maxW="6xl"
         color="white"
diff --git a/src/pages/SmartContract.jsx b/src/pages/SmartContract.jsx
index a76836b..de31818 100644
--- a/src/pages/SmartContract.jsx
+++ b/src/pages/SmartContract.jsx
@@ -44,7 +44,7 @@ import TransactionTable from "./Transaction/TransactionTable";
   
     return (
       <>
-          <Box backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"} backgroundSize="cover"
+          <Box minH={"100vh"} backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"} backgroundSize="cover"
            backgroundRepeat="no-repeat" pb={"5rem"}>
            <Container maxW="6xl" pt={"6rem"}>
               <Heading mb={5} fontSize={"sm"} fontWeight={400} color={colorMode === "light" ? "#000" : "#fff"}>
diff --git a/src/pages/Subnet.jsx b/src/pages/Subnet.jsx
index 4af64e4..f88a57e 100644
--- a/src/pages/Subnet.jsx
+++ b/src/pages/Subnet.jsx
@@ -37,7 +37,7 @@ const Subnet = () => {
 
 
   return (
-    <Box p={"6rem 0 4rem 0"} backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"} position={"relative"} backgroundSize="contain" backgroundRepeat="no-repeat">
+    <Box minH={"100vh"} p={"6rem 0 4rem 0"} backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"} position={"relative"} backgroundSize="contain" backgroundRepeat="no-repeat">
       <Container
         maxW="6xl"
         color="white"
diff --git a/src/pages/SubnetId.jsx b/src/pages/SubnetId.jsx
index e9539d3..4078d07 100644
--- a/src/pages/SubnetId.jsx
+++ b/src/pages/SubnetId.jsx
@@ -92,8 +92,9 @@ const SubnetId = () => {
       p={"6rem 0 4rem 0"}
       backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"}
       position={"relative"}
-      backgroundSize="contain"
+      backgroundSize="cover"
       backgroundRepeat="no-repeat"
+      minH={"100vh"}
     >
       <Container
         maxW="6xl"
diff --git a/src/pages/SubnetIdOverview.jsx b/src/pages/SubnetIdOverview.jsx
index 8ffddc2..a2a19ff 100644
--- a/src/pages/SubnetIdOverview.jsx
+++ b/src/pages/SubnetIdOverview.jsx
@@ -106,7 +106,7 @@ const SubnetInner = () => {
 
 
   return (
-    <Box p={"6rem 0 4rem 0"} backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"} position={"relative"} backgroundSize="contain" backgroundRepeat="no-repeat">
+    <Box minH={"100vh"} p={"6rem 0 4rem 0"} backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"} position={"relative"} backgroundSize="contain" backgroundRepeat="no-repeat">
       <Container
         maxW="6xl"
         color="white"
diff --git a/src/pages/Transaction.jsx b/src/pages/Transaction.jsx
index 29304f5..cc16915 100644
--- a/src/pages/Transaction.jsx
+++ b/src/pages/Transaction.jsx
@@ -39,7 +39,7 @@ const Transaction = () => {
 
   return (
     <>
-        <Box backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"} backgroundSize="cover"
+        <Box minH={"100vh"} backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"} backgroundSize="cover"
          backgroundRepeat="no-repeat" pb={"5rem"}>
          <Container maxW="6xl" pt={"8rem"}>
             <Heading mb={5} fontSize={"sm"} fontWeight={400} color={colorMode === "light" ? "#000" : "#fff"}>