Skip to content

Commit

Permalink
Fixes in ios-developmet-page
Browse files Browse the repository at this point in the history
  • Loading branch information
cp-jagruti-a committed Dec 6, 2023
1 parent 08c4e69 commit e8c5ad1
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 34 deletions.
3 changes: 1 addition & 2 deletions .github/workflows/deploy-frontend-dev.yml
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,7 @@ name: DeployFrontendDev

on:
push:
branches:
- "master"


jobs:
deploy-frontend-dev:
Expand Down
37 changes: 5 additions & 32 deletions nuxt-frontend/components/ios-app-development/CaseStudySection.vue
Original file line number Diff line number Diff line change
Expand Up @@ -61,23 +61,17 @@
<!-- Mobile UI END-->
<!-- Desktop UI -->

<div
id="stickyParent"
class="sticky-parent h-[300vh] xll:h-[240vh] 3xl:!h-[220vh] hidden lg:block"
>
<div class="sticky sticky top-0 max-h-full main overflow-hidden">
<div id="stickyParent" class="sticky-parent hidden lg:block">
<div class="sticky top-0">
<swiper
:direction="'vertical'"
:slidesPerView="1"
:centeredSlides="true"
:spaceBetween="0"
:speed="500"
:mousewheel="{
enabled: false,
releaseOnEdges: true,
}"
:modules="modules"
:allowTouchMove="false"
class="swiper-container h-screen"
@swiper="setSwiperRef"
>
Expand Down Expand Up @@ -168,10 +162,7 @@ export default {
swiperRef: 0,
activeIndex: 0,
skipNext: true,
lastTouchY: null,
lastScrollY: 0,
isScrollingUp: false,
scrollPosition: 0,
portfolios: [
{
title: "Justly",
Expand Down Expand Up @@ -227,31 +218,15 @@ export default {
},
mounted() {
document.addEventListener("scroll", this.handleScroll);
document.addEventListener("wheel", this.handleWheel);
},
unmounted() {
document.removeEventListener("wheel", this.handleWheel);
document.removeEventListener("scroll", this.handleScroll);
},
methods: {
setSwiperRef(swiper) {
this.swiperRef = swiper;
},
// handle mouseScroll event
scrollDirectionIsUp(event) {
if (event.wheelDelta) {
return event.wheelDelta > 0;
}
return event.deltaY < 0;
},
handleWheel(event) {
if (this.scrollDirectionIsUp(event)) {
this.skipNext = false;
} else {
this.skipNext = true;
}
},
handleScroll() {
const stickyParent = document.getElementById("stickyParent");
const stickyTop = stickyParent.offsetTop;
Expand Down Expand Up @@ -281,12 +256,10 @@ export default {
<style lang="postcss">
@import "swiper/css";
@import "swiper/css/pagination";
.sticky-parent {
@apply h-[400vh] 3xl:!h-[220vh];
}
.swiper-container {
@apply mx-0;
}
.swiper-slide-active .image,
.swiper-slide-active .title,
.swiper-slide-active .description {
@apply animate-moveUp;
}
</style>

0 comments on commit e8c5ad1

Please sign in to comment.