From 5b8a079d0b4e3f0647208f67fefd771588a1344a Mon Sep 17 00:00:00 2001
From: YasinShaikh123 <123150391+YasinShaikh123@users.noreply.github.com>
Date: Tue, 22 Oct 2024 15:27:47 +0530
Subject: [PATCH] update responsive

---
 src/pages/MainNetIdOverview.jsx | 4 ++--
 src/pages/SmartContract.jsx     | 2 +-
 src/pages/Subnet.jsx            | 4 ++--
 src/pages/SubnetIdOverview.jsx  | 3 ++-
 src/pages/SubnetIdold.jsx       | 4 ++--
 src/pages/Transaction.jsx       | 2 +-
 6 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/pages/MainNetIdOverview.jsx b/src/pages/MainNetIdOverview.jsx
index 84e727c..2d79991 100644
--- a/src/pages/MainNetIdOverview.jsx
+++ b/src/pages/MainNetIdOverview.jsx
@@ -47,14 +47,14 @@ const MainNetOveriew = () => {
         <Heading fontSize={"md"} fontWeight={400} color={colorMode === "light" ? "#000" : "#fff"}  mb={{base :"10px" ,md : "0px"}}>
         Main net ID  - {params?.id}
         </Heading>
-        <Text to="" style={{ fontSize: "14px" }} color={colorMode === "light" ? "#000" : "#fff"} display={"flex"} gap={"3"}>
+        {/* <Text to="" style={{ fontSize: "14px" }} color={colorMode === "light" ? "#000" : "#fff"} display={"flex"} gap={"3"}>
           View total number of records
           <Select width={"70px"} rounded="md" size="xs">
             <option value='option1'>10</option>
             <option value='option2'>20</option>
             <option value='option3'>30</option>
           </Select>
-        </Text>
+        </Text> */}
       </Container>
       <Box>
         <Container maxW="6xl">
diff --git a/src/pages/SmartContract.jsx b/src/pages/SmartContract.jsx
index 0d6ee98..a76836b 100644
--- a/src/pages/SmartContract.jsx
+++ b/src/pages/SmartContract.jsx
@@ -178,7 +178,7 @@ import TransactionTable from "./Transaction/TransactionTable";
                   </HStack>
               </Box>
               <Box bg={colorMode === "light" ? "#F3F3F3" : "#1D1D1D"} p={4} mb={0} rounded={6}>
-                  <HStack fontSize={"sm"} gap={"8rem"} mb={5}>
+                  <HStack fontSize={"sm"} gap={{base:"3rem",md:"8rem"}} mb={5}>
                       <Box>
                           <Text>Pledge amount</Text>
                           <Text color={"#A1A1A1"}>$ 100</Text>
diff --git a/src/pages/Subnet.jsx b/src/pages/Subnet.jsx
index f2aa3a1..4af64e4 100644
--- a/src/pages/Subnet.jsx
+++ b/src/pages/Subnet.jsx
@@ -48,14 +48,14 @@ const Subnet = () => {
         <Heading fontSize={"md"} fontWeight={400} color={colorMode === "light" ? "#000" : "#fff"}  mb={{base :"10px" ,md : "0px"}}>
         Subnet ID  - Overview
         </Heading>
-        <Text to="" style={{ fontSize: "14px" }} color={colorMode === "light" ? "#000" : "#fff"} display={"flex"} gap={"3"}>
+        {/* <Text to="" style={{ fontSize: "14px" }} color={colorMode === "light" ? "#000" : "#fff"} display={"flex"} gap={"3"}>
           View total number of records
           <Select width={"70px"} rounded="md" size="xs">
             <option value='option1'>10</option>
             <option value='option2'>20</option>
             <option value='option3'>30</option>
           </Select>
-        </Text>
+        </Text> */}
       </Container>
       <Box>
         <Container maxW="6xl">
diff --git a/src/pages/SubnetIdOverview.jsx b/src/pages/SubnetIdOverview.jsx
index 9604f4f..ae4adf0 100644
--- a/src/pages/SubnetIdOverview.jsx
+++ b/src/pages/SubnetIdOverview.jsx
@@ -287,6 +287,7 @@ const SubnetInner = () => {
                     color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                     textDecoration={"underline"}
                     fontSize={{ base: "xs", md: "sm" }}
+                    isTruncated
                   >
                     <Text
                       cursor={"pointer"}
@@ -316,7 +317,7 @@ const SubnetInner = () => {
                 <HStack
                   flexDirection={{ base: "column", md: "row" }}
                   justifyContent={{ base: "", md: "flex-start" }}
-                  gap={44}
+                  gap={{base:4,md:44}}
                   alignItems={{ base: "flex-start", md: "" }}
                   // flexWrap={'wrap'}
 
diff --git a/src/pages/SubnetIdold.jsx b/src/pages/SubnetIdold.jsx
index 444f565..d7279f4 100644
--- a/src/pages/SubnetIdold.jsx
+++ b/src/pages/SubnetIdold.jsx
@@ -108,7 +108,7 @@ const SubnetId = () => {
         >
           Subnet Overview {params?.id}
         </Heading>
-        <Text
+        {/* <Text
           to=""
           style={{ fontSize: "14px" }}
           color={colorMode === "light" ? "#000" : "#fff"}
@@ -121,7 +121,7 @@ const SubnetId = () => {
             <option value="option2">20</option>
             <option value="option3">30</option>
           </Select>
-        </Text>
+        </Text> */}
       </Container>
       <VStack
         pt={{ base: colorMode === "light" ? 10 : 10, md: 10 }}
diff --git a/src/pages/Transaction.jsx b/src/pages/Transaction.jsx
index e349986..29304f5 100644
--- a/src/pages/Transaction.jsx
+++ b/src/pages/Transaction.jsx
@@ -116,7 +116,7 @@ const Transaction = () => {
                 </HStack>
             </Box>
             <Box boxShadow={colorMode === 'light'&&"md"}  bg={colorMode === "light" ? "#F3F3F3" : "#1D1D1D"} p={4} mb={5} rounded={6}>
-                <HStack fontSize={"sm"} gap={"8rem"} mb={5}>
+                <HStack fontSize={"sm"} gap={{base:"3rem",md:"8rem"}} mb={5}>
                     <Box>
                         <Text>Amount</Text>
                         <Text color={"#A1A1A1"}>$ 100</Text>