Mohd.Ansari/ask-mutual-fund
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

line fill width and swiper buttons size

Browse Source
This commit is contained in:
unknown
2025-10-15 20:02:54 +05:30
parent 2d567d7311
commit 28ca105c84
4 changed files with 20 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
assests/images/about-banner-img.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 744 KiB

BIN
assests/images/mobile-about-banner.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 558 KiB

After

Width:  |  Height:  |  Size: 549 B

11
css/style.css
View File

@@ -1058,7 +1058,7 @@ span.textaccor {
/* about hero*/
.hero_banner {
background: url("../assests/images/about-banner-img.png") no-repeat;
background: url("../assests/images/about-banner-img.svg") no-repeat;
background-position: center;
background-size: cover;
height: 420px;
@@ -1371,7 +1371,14 @@ span.textaccor {
.swiper-button-next {
top: 50%;
transform: translateY(-50%);
color: #fff;
color:#b18c4a ;
}
/* Resize the arrow icons themselves */
.swiper-button-prev::after,
.swiper-button-next::after {
font-size: 25px; /* control actual arrow size */
}
.swiper-button-prev {

2
js/main.js
View File

@@ -128,7 +128,7 @@ function initTimelineSwiper() {
timelineItems.forEach((item, i) => {
item.classList.toggle("active", i === index);
});
const timelineWidth = document.querySelector(".timeline").offsetWidth - 10;
const timelineWidth = document.querySelector(".timeline").offsetWidth - 20;
const newWidth = (timelineWidth / (totalKites - 1)) * index;
if (lineFill) lineFill.style.width = newWidth + "px";
}