mirror of
https://github.com/WDI-Ideas/rubix.git
synced 2026-04-28 17:35:51 +00:00
New Static sub component made
This commit is contained in:
@@ -0,0 +1,77 @@
|
||||
/* eslint-disable no-unused-vars */
|
||||
import { Box, Button, Image, Text, Grid, GridItem } from "@chakra-ui/react";
|
||||
import { Container } from "@chakra-ui/react";
|
||||
import {
|
||||
List,
|
||||
ListItem,
|
||||
ListIcon,
|
||||
OrderedList,
|
||||
UnorderedList,
|
||||
} from "@chakra-ui/react";
|
||||
import vector4 from "../../../assets/images/vector4.png";
|
||||
|
||||
const StaticSubnetFour = () => {
|
||||
return (
|
||||
<>
|
||||
<Box
|
||||
display={"flex"}
|
||||
position={"absolute"}
|
||||
top={"-70px"}
|
||||
justifyContent={"flex-end"}
|
||||
width={"100%"}
|
||||
>
|
||||
<Button
|
||||
position={"relative"}
|
||||
background={"transparent"}
|
||||
// width={"165px"}
|
||||
height={"57px"}
|
||||
borderRadius={"28.5px"}
|
||||
color={"#fff"}
|
||||
border={"1px solid #A5A5A5"}
|
||||
textTransform={"uppercase"}
|
||||
fontSize={"16px"}
|
||||
padding={"6px 20px"}
|
||||
_after={{
|
||||
content: "''",
|
||||
position: "absolute",
|
||||
background: `url(${vector4})`,
|
||||
backgroundRepeat: "no-repeat",
|
||||
width: "155px",
|
||||
height: "100%",
|
||||
left: "-155px",
|
||||
top: "28px",
|
||||
}}
|
||||
_hover={{
|
||||
background: "transparent",
|
||||
// width: "165px",
|
||||
// height: "57px",
|
||||
borderRadius: "28.5px",
|
||||
color: "#fff",
|
||||
border: "1px solid #A5A5A5",
|
||||
}}
|
||||
>
|
||||
Self Sovereign
|
||||
</Button>
|
||||
</Box>
|
||||
<Box
|
||||
display={"flex"}
|
||||
flexDirection={"column"}
|
||||
alignItems={"end"}
|
||||
width={"565px"}
|
||||
>
|
||||
<UnorderedList color={"#E1E1E1"}>
|
||||
<ListItem fontSize={"14px"}>
|
||||
Permissioned subnets with no oracles and <br /> intermediaries
|
||||
</ListItem>
|
||||
<ListItem fontSize={"14px"}>No block space ransom</ListItem>
|
||||
<ListItem fontSize={"14px"}>
|
||||
Zero risk of transactions being blocked out of <br />
|
||||
chain.
|
||||
</ListItem>
|
||||
</UnorderedList>
|
||||
</Box>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default StaticSubnetFour;
|
||||
Reference in New Issue
Block a user