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

Changes to mobileSubnet slider delay and partner sect

Browse Source
This commit is contained in:
rockyeverlast
2024-04-30 17:26:03 +05:30
parent 81ed5f06b9
commit 9b5d233217
6 changed files with 109 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Contact/Form.jsx
View File

@@ -471,7 +471,7 @@ const Contact = () => {
placeholder
type="tel"
enableSearch={true}
// country={"in"}
country={"in"}
inputStyle={{
display: "block",
marginBottom: "5px !important",

15
src/components/MobileComponent/MobileSubnet.jsx
View File

@@ -16,14 +16,15 @@ const MobileSubnet = () => {
return (
<>
<Swiper
className="mobile-subnet"
pagination={true}
navigation={false}
navigation={true}
modules={[Navigation, Pagination, Autoplay]}
loop={true}
// autoplay={{
// delay: 2500,
// disableOnInteraction: false,
// }}
autoplay={{
delay: 10000,
disableOnInteraction: false,
}}
style={{
backgroundColor: "#000",
paddingBottom: "6rem",
@@ -57,13 +58,13 @@ const MobileSubnet = () => {
as={"h2"}
paddingTop={"2rem"}
fontWeight={500}
fontSize={"20px"}
fontSize={"22px"}
textTransform={"capitalize"}
color={"#fff"}
sx={{
"@media (max-width: 1024px)": {},
"@media (max-width: 375px)": {
fontSize: "18px",
fontSize: "22px",
},
}}
>

4
src/components/MobileComponent/MobileSubnet2.jsx
View File

@@ -22,13 +22,13 @@ const MobileSubnet2 = ({ font }) => {
as={"h2"}
paddingTop={"2rem"}
fontWeight={500}
fontSize={"20px"}
fontSize={"22px"}
textTransform={"capitalize"}
color={"#fff"}
sx={{
"@media (max-width: 1024px)": {},
"@media (max-width: 375px)": {
fontSize: "18px",
fontSize: "22px",
},
}}
>

4
src/components/MobileComponent/MobileSubnet3.jsx
View File

@@ -24,13 +24,13 @@ const MobileSubnet3 = ({ font }) => {
as={"h2"}
paddingTop={"2rem"}
fontWeight={500}
fontSize={"20px"}
fontSize={"22px"}
textTransform={"capitalize"}
color={"#fff"}
sx={{
"@media (max-width: 1024px)": {},
"@media (max-width: 375px)": {
fontSize: "18px",
fontSize: "22px",
},
}}
>

163
src/components/NavBar/NavBar.jsx
View File

@@ -491,6 +491,8 @@ const NavBar = () => {
borderRadius={"10px"}
border={"none"}
padding={"1rem"}
width={"70%"}
margin={"0 auto"}
_focus={{
boxShadow: "none",
}}
@@ -498,87 +500,100 @@ const NavBar = () => {
onMouseLeave={() => setIsHoveredCases(false)}
>
<PopoverArrow backgroundColor={"#0D0B20"} shadow={"none"} />
<PopoverBody>
<Link
to="/fin-tech"
className="link"
style={
location.pathname === "/fin-tech" ? highlight : normal
}
>
<Box
display={"flex"}
alignItems={"center"}
gap={"1rem"}
marginBottom={"1rem"}
<Box
display={"flex"}
alignItems={"center"}
flexWrap={"wrap"}
justifyContent={"space-between"}
>
<PopoverBody width={"45%"}>
<Link
to="/fin-tech"
className="link"
style={
location.pathname === "/fin-tech"
? highlight
: normal
}
>
<Image src={fintechIcon} width={`${iconwidth}`} />
FinTech
</Box>
</Link>
</PopoverBody>
<Box
display={"flex"}
alignItems={"center"}
gap={"1rem"}
marginBottom={"1rem"}
>
<Image src={fintechIcon} width={`${iconwidth}`} />
FinTech
</Box>
</Link>
</PopoverBody>
<PopoverBody>
<Link
to="/ad-tech"
className="link"
style={
location.pathname === "/ad-tech" ? highlight : normal
}
>
<Box
display={"flex"}
alignItems={"center"}
gap={"1rem"}
marginBottom={"1rem"}
<PopoverBody width={"45%"}>
<Link
to="/ad-tech"
className="link"
style={
location.pathname === "/ad-tech"
? highlight
: normal
}
>
<Image src={adTech} width={`${iconwidth}`} />
AdTech
</Box>
</Link>
</PopoverBody>
<Box
display={"flex"}
alignItems={"center"}
gap={"1rem"}
marginBottom={"1rem"}
>
<Image src={adTech} width={`${iconwidth}`} />
AdTech
</Box>
</Link>
</PopoverBody>
<PopoverBody>
<Link
to="/mar-tech"
className="link"
style={
location.pathname === "/mar-tech" ? highlight : normal
}
>
<Box
display={"flex"}
alignItems={"center"}
gap={"1rem"}
marginBottom={"1rem"}
<PopoverBody width={"45%"}>
<Link
to="/mar-tech"
className="link"
style={
location.pathname === "/mar-tech"
? highlight
: normal
}
>
<Image src={marTech} width={`${iconwidth}`} />
MarTech
</Box>
</Link>
</PopoverBody>
<Box
display={"flex"}
alignItems={"center"}
gap={"1rem"}
marginBottom={"1rem"}
>
<Image src={marTech} width={`${iconwidth}`} />
MarTech
</Box>
</Link>
</PopoverBody>
<PopoverBody>
<Link
to="/health-tech"
className="link"
style={
location.pathname === "/health-tech"
? highlight
: normal
}
>
<Box
display={"flex"}
alignItems={"center"}
gap={"1rem"}
marginBottom={"1rem"}
<PopoverBody width={"45%"}>
<Link
to="/health-tech"
className="link"
style={
location.pathname === "/health-tech"
? highlight
: normal
}
>
<Image src={healthTech} width={`${iconwidth}`} />
HealthTech
</Box>
</Link>
</PopoverBody>
<Box
display={"flex"}
alignItems={"center"}
gap={"1rem"}
marginBottom={"1rem"}
>
<Image src={healthTech} width={`${iconwidth}`} />
HealthTech
</Box>
</Link>
</PopoverBody>
</Box>
</PopoverContent>
</Popover>

7
src/index.css
View File

@@ -238,6 +238,13 @@ span.swiper-pagination-bullet {
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
}
.mobile-subnet .swiper-button-next {
right: 0px;
}
.mobile-subnet .swiper-button-prev {
left: 0px;
}
}
@media only screen and (max-width: 375px) {