Siddhesh.More/rubix-explore
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' of http://git.wdipl.com/Siddhesh.More/rubix-explore

Browse Source
This commit is contained in:
YasinShaikh123
2024-10-15 19:07:48 +05:30
parent a5f9d69419 6928c76951
commit 5514abcaf6
6 changed files with 3464 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/LatestTransactions/LatestTransactions.jsx
View File

@@ -45,7 +45,7 @@ const LatestTransactions = () => {
<Box>
<Container maxW="6xl">
<Grid
templateColumns={{ basee: "10% 90%", md: "100% 0%" }}
templateColumns={{ base: "100% 0%", md: "90% 10%" }}
gap={0}
bg={colorMode === "light" ? "#230A79" : "#232127"}
// bg={"#232127"}
@@ -75,7 +75,7 @@ const LatestTransactions = () => {
: "#232127"
}
key={transaction.id}
templateColumns={{ basee: "10% 90%", md: "100% 0%" }}
templateColumns={{ base: "100% 0%", md: "10% 90%" }}
gap={0}
>
<GridItem
@@ -85,11 +85,11 @@ const LatestTransactions = () => {
>
{index + 1}.
</GridItem>
<GridItem overflow={"hidden"} p={4}>
<GridItem p={4}>
{/* <Box> */}
<Text // This ensures the text is truncated with ellipsis when it overflows
<Text // This ensures the text is truncated with ellipsis when it overflows ss__298
display={"flex"}
fontSize={"sm"}
fontSize={{base:"xs", md:"sm" }}
mb={2}
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
>
@@ -122,17 +122,22 @@ const LatestTransactions = () => {
</Text>
</Text>
<HStack fontSize={"sm"} gap={4} mb={2}>
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
<HStack fontSize={{base:"xs", md:"sm" }} gap={{base:2,md:4}} mb={2}>
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
Sender:
</Text>
<HStack
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
textDecoration={"underline"}
w={'84%'}
justifyContent={'space-between'}
fontSize={{base:"xs", md:"sm" }}
>
<Text
cursor={"pointer"}
maxW={{base:"70%",md:"100%"}} // Set a max-width to control when the truncation happens
maxW={{base:"90%",md:"100%"}} // Set a max-width to control when the truncation happens
// overflow={'hidden'} // Ensure overflow is hidden
whiteSpace={"nowrap"} // Prevent the text from wrapping
textOverflow={"ellipsis"}
@@ -157,18 +162,22 @@ const LatestTransactions = () => {
/>
</Text>
</HStack>
</HStack>
<HStack cursor={"pointer"} fontSize={"sm"} gap={4} mb={3}>
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
<HStack fontSize={{base:"xs", md:"sm" }} cursor={"pointer"} gap={{base:2,md:4}} mb={3}>
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
Receiver:
</Text>
<HStack
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
textDecoration={"underline"}
fontSize={{base:"xs", md:"sm" }}
>
<Text
cursor={"pointer"}
maxW={{base:"65%",md:"100%"}} // Set a max-width to control when the truncation happens
maxW={{base:"55%",md:"100%"}} // Set a max-width to control when the truncation happens
// overflow={'hidden'} // Ensure overflow is hidden
whiteSpace={"nowrap"} // Prevent the text from wrapping
textOverflow={"ellipsis"}
@@ -209,6 +218,7 @@ const LatestTransactions = () => {
<Box>
<Text
mb={2}
// fontSize={{base:"xs", md:"sm" }}
color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}
>
Smart contract ID :
@@ -259,8 +269,8 @@ const LatestTransactions = () => {
color="#7B7B7B"
/>
<VStack>
<HStack w={"100%"} justifyContent={"flex-start"}>
<VStack fontSize={{base:"xs", md:"sm" }}>
<HStack w={"100%"} justifyContent={"flex-start"}>
<Text
color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}
>