table update

This commit is contained in:
YasinShaikh123
2024-10-17 18:00:44 +05:30
parent d3b98460b0
commit f7f15f501d
10 changed files with 1187 additions and 377 deletions

View File

@@ -42,7 +42,7 @@ const LatestTransactions = () => {
<Box>
<Container maxW="6xl">
<Grid
templateColumns={{ base: "100% 0%", md: "90% 10%" }}
templateColumns={{ base: "100% 0%", md: "10% 90%" }}
gap={0}
bg={colorMode === "light" ? "#230A79" : "#232127"}
// bg={"#232127"}
@@ -129,7 +129,7 @@ const LatestTransactions = () => {
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
textDecoration={"underline"}
w={'84%'}
justifyContent={'space-between'}
// justifyContent={'space-between'}
fontSize={{base:"xs", md:"sm" }}
>
<Text

View File

@@ -76,7 +76,7 @@ const NavBar = () => {
</Text>
)}
</NavLink>
<NavLink to="/subnet">
<NavLink to="/subnet-id">
{({ isActive }) => (
<Text
fontSize={{ base: "12px", md: "14px" }}

View File

@@ -47,11 +47,11 @@ const Pagination = ({
};
return (
<HStack mt={16}>
<HStack mt={14} display={"flex"} justifyContent={"end"}>
{/* <Text className='web-text-small'>Tanami v0.1</Text> */}
<HStack justifyContent={"space-between"} w={"100%"}>
<Button
{/* <HStack justifyContent={"space-between"} w={"100%"}> */}
{/* <Button
mt={1}
size={"sm"}
rounded="md"
@@ -70,7 +70,7 @@ const Pagination = ({
}}
>
Previous
</Button>
</Button> */}
{/* <Text
w={"100px"}
display={"flex"}
@@ -81,9 +81,8 @@ const Pagination = ({
{isLoading ? "0" : displayRange?.start} - {" "}
{isLoading ? "00" : displayRange?.end} of {" "}
{isLoading ? "00" : totalItems}
</Text> */
}
<Text><Text as={"span"} me={3}>1</Text> <Text as={"span"} me={3}>2</Text> <Text as={"span"} me={3}>3</Text> <Text as={"span"} me={3}>4</Text><Text as={"span"} >....</Text></Text>
</Text> */}
{/* <Text><Text as={"span"} me={3}>1</Text> <Text as={"span"} me={3}>2</Text> <Text as={"span"} me={3}>3</Text> <Text as={"span"} me={3}>4</Text><Text as={"span"} >....</Text></Text>
<Button
mt={1}
size={"sm"}
@@ -103,9 +102,77 @@ const Pagination = ({
}}
>
Next
</Button>
</Button> */}
{/* </HStack> */}
<Box className="ttttt" display={"flex"} fontSize={"sm"} alignItems={"center"} >
<Text>Rows per page:</Text>
<Select mx={4} width={"60px"} rounded="md" size="xs">
<option value="option1">10</option>
<option value="option2">20</option>
<option value="option3">30</option>
</Select>
<Text mx={5}>1-10 of 1024778</Text>
<Box display={"flex"} alignItems={"center"}>
<Button bg={"none"} p={0}
_hover={{backgroundColor:"none",border:"none"}}>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
aria-hidden="true"
role="presentation"
style={{ color: colorMode === "light" ? "#000" : "#fff" }}
>
<path d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"></path>
<path fill="none" d="M24 24H0V0h24v24z"></path>
</svg>
</Button>
<Button bg={"none"} p={0} _hover={{backgroundColor:"none",border:"none"}}>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
aria-hidden="true"
role="presentation"
style={{ color: colorMode === "light" ? "#000" : "#fff" }}
>
<path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path>
<path d="M0 0h24v24H0z" fill="none"></path>
</svg>
</Button>
<Button bg={"none"} p={0} _hover={{backgroundColor:"none",border:"none"}}>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
aria-hidden="true"
role="presentation"
style={{ color: colorMode === "light" ? "#000" : "#fff" }}
>
<path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path>
<path d="M0 0h24v24H0z" fill="none"></path>
</svg>
</Button>
<Button bg={"none"} p={0} _hover={{backgroundColor:"none",border:"none"}}>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
aria-hidden="true"
role="presentation"
>
<path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"></path>
<path fill="none" d="M0 0h24v24H0V0z"></path>
</svg>
</Button>
</Box>
</Box>
</HStack>
</HStack>
);
};