Siddhesh.More/rubix
1
0
Fork 0
mirror of https://github.com/WDI-Ideas/rubix.git synced 2026-04-27 21:15:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Home banner btn fixed

Browse Source
This commit is contained in:
rockyeverlast
2024-06-06 19:10:19 +05:30
parent 7c50e9f6ed
commit aa0621e9c0
3 changed files with 61 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
src/components/HomePage/HomeBanner.jsx
View File

@@ -136,68 +136,66 @@ const HomeBanner = () => {
/>
</Box>
{BannerContent[2] && (
<Link to="/BuildPage">
<Button
position={"relative"}
backgroundColor={"transparent"}
cursor={"pointer"}
transition="0.3s ease-in-out"
color={"#fff"}
// width={"216px"}
height={"56px"}
fontFamily={"Poppins"}
fontWeight={"400"}
border={"1px solid white"}
borderRadius={"10px"}
fontSize={"18px"}
zIndex={"1"}
overflow={"hidden"}
marginTop={"2rem"}
paddingInline={"4rem"}
sx={{
"::before": {
content: '""',
position: "absolute",
top: "50%",
left: "50%",
transform: "translate(-50%, -50%)",
width: "65px",
height: "65px",
borderRadius: "50%",
transition: "0.35s linear",
zIndex: -1,
bgGradient:
"radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)",
opacity: "0",
},
"&:hover::before": {
width: "100%",
height: "120%",
borderRadius: "0px",
opacity: "1",
},
"@media (max-width: 600px)": {
fontSize: "14px",
width: "230px",
height: "44px",
marginTop: "2rem",
bgGradient:
"radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)",
color: "#000",
fontWeight: "600",
},
}}
_hover={{
<Link to={item.CTO_button_link}>
<Button
position={"relative"}
backgroundColor={"transparent"}
cursor={"pointer"}
transition="0.3s ease-in-out"
color={"#fff"}
// width={"216px"}
height={"56px"}
fontFamily={"Poppins"}
fontWeight={"400"}
border={"1px solid white"}
borderRadius={"10px"}
fontSize={"18px"}
zIndex={"1"}
overflow={"hidden"}
marginTop={"2rem"}
paddingInline={"4rem"}
sx={{
"::before": {
content: '""',
position: "absolute",
top: "50%",
left: "50%",
transform: "translate(-50%, -50%)",
width: "65px",
height: "65px",
borderRadius: "50%",
transition: "0.35s linear",
zIndex: -1,
bgGradient:
"radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)",
opacity: "0",
},
"&:hover::before": {
width: "100%",
height: "120%",
borderRadius: "0px",
opacity: "1",
},
"@media (max-width: 600px)": {
fontSize: "14px",
width: "230px",
height: "44px",
marginTop: "2rem",
bgGradient:
"radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)",
color: "#000",
border: "1px solid white",
zIndex: 1,
}}
>
{BannerContent[2].btn}
</Button>
</Link>
)}
fontWeight: "600",
},
}}
_hover={{
color: "#000",
border: "1px solid white",
zIndex: 1,
}}
>
{item.CTO_button_title}
</Button>
</Link>
</Container>
</Box>
))}

2
src/components/ResourcesPage/tabInsideContent/TabsVideo.jsx
View File

@@ -148,7 +148,7 @@ const TabsVideo = () => {
fontSize={"14px"}
marginBottom={"1rem"}
>
Video : {item.duration} min
Video : {item.duration}
</Badge>
<Text
as={"h2"}

2
src/components/ResourcesPage/tableContent/VideoTable.jsx
View File

@@ -144,7 +144,7 @@ const VideoTable = () => {
</Text>
<Text marginBottom={"20px"} fontSize={"12px"}>
Duration : {content.duration} min
Duration : {content.duration}
</Text>
<Box
display={"flex"}