Skip to content

Commit

Permalink
Enhance: Unification in services page
Browse files Browse the repository at this point in the history
  • Loading branch information
cp-jagruti-a committed Jan 10, 2024
1 parent d84c7c7 commit e172553
Show file tree
Hide file tree
Showing 4 changed files with 20 additions and 8 deletions.
3 changes: 2 additions & 1 deletion .github/workflows/deploy-frontend-dev.yml
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,8 @@ name: DeployFrontendDev

on:
push:

branches:
- "master"

jobs:
deploy-frontend-dev:
Expand Down
2 changes: 1 addition & 1 deletion nuxt-frontend/components/services/SuccessStories.vue
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<template>
<section class="xll:container flex flex-col lg:flex-row mt-16 lg:mt-60">
<div
class="flex flex-col lg:mt-4 lg:w-1/2 2xl:w-[40%] lg:pl-[8%] 2xl:pl-[10%] xll:pl-0"
class="flex flex-col lg:my-auto lg:w-1/2 2xl:w-[40%] lg:pl-[8%] 2xl:pl-[10%] xll:pl-0"
>
<p
class="lg:w-[87%] xl:w-3/4 2xl:w-4/5 text-center lg:text-left mobile-header-2 lg:desk-header-2 text-black-87"
Expand Down
12 changes: 6 additions & 6 deletions nuxt-frontend/components/services/WhatWeOfferDesktop.vue
Original file line number Diff line number Diff line change
Expand Up @@ -15,14 +15,14 @@
>
<div class="absolute top-1/2 -translate-y-1/2">
<div
class="py-5"
class="py-6"
@click="service.showServices ? openUrl(service.url) : ''"
:class="service.showServices ? 'cursor-pointer' : ''"
>
<span
class="desk-header-2 text-black-87 underline underline-offset-[16px] decoration-4"
>{{ service.title }}</span
>
class="desk-header-2 text-black-87 bg-black-underline-out box-decoration-clone bg-no-repeat pb-[5px] bg-[length:100%] hover:animate-mulitpleUnderlineOut"
>{{ service.title }}
</span>
</div>
<div class="mobile-header-3-regular text-black-60">
<p>{{ service.description }}</p>
Expand Down Expand Up @@ -134,7 +134,7 @@ export default {
const elementIdx = elementInViewPort(this.$refs);
if (elementIdx) {
const index = parseInt(
elementIdx ? elementIdx.charAt(elementIdx.length - 1) : 0,
elementIdx ? elementIdx.charAt(elementIdx.length - 1) : 0
);
if (this.prevIndex != index) {
Expand Down Expand Up @@ -196,4 +196,4 @@ export default {
window.removeEventListener("scroll", this.handleScroll);
},
};
</script>
</script>
11 changes: 11 additions & 0 deletions nuxt-frontend/tailwind.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -192,6 +192,14 @@ module.exports = {
transform: " scale(1.2) translateX(15%)",
},
},
mulitpleUnderlineOut: {
"0%": {
backgroundSize: "0%",
},
"100%": {
backgroundSize: "100%",
},
},
},
animation: {
zoomIn: "zoomIn 4s ease-in infinite",
Expand All @@ -200,6 +208,7 @@ module.exports = {
menuSticky: "0.6s ease-in-out",
fadeInRight: "fadeInRight 150ms ease-in",
underlineOut: "underlineOut 1s",
mulitpleUnderlineOut: "mulitpleUnderlineOut 1s",
gridAnimation: "scroll 40s linear infinite",
gridAnimationReverse: "scroll-reverse 20s linear infinite",
gridAnimationReverse2: "scroll-reverse 40s linear infinite",
Expand Down Expand Up @@ -254,6 +263,8 @@ module.exports = {
"linear-gradient(transparent calc(100% - 5px), white 1px)",
"gradient-underline-out":
"linear-gradient(transparent calc(100% - 5px), #f77783 1px)",
"black-underline-out":
"linear-gradient(transparent calc(100% - 4px), #000000DE 1px)",
"light-pink-gradient-background":
"linear-gradient(180deg, #FFFEFE 3.13%, #FFF6F0 47.54%, #FFF 95.59%)",
"togness-blue-gradient-background":
Expand Down

0 comments on commit e172553

Please sign in to comment.