dhanush.s/kodepilot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: whatsapp icon

Browse Source
This commit is contained in:
dhanush.s 2025-09-30 15:14:00 +05:30
parent e6bc1e695d
commit 1ee4878530
1 changed files with 36 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
main.css
View File

@ -1729,7 +1729,42 @@
} }
.whatsapp-icon {
position: fixed;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
cursor: pointer;
z-index: 1000;
border-radius: 50%;
overflow: hidden;
outline: greenyellow 1px solid;
transition: transform 0.2s;
display: flex;
align-items: center;
justify-content: center;
}
.whatsapp-icon::before {
content: "";
position: absolute;
inset: 0;
border-radius: 50%;
background: rgba(37, 211, 101, 0.209);
animation: pulse 2s infinite;
z-index: -1;
}
.whatsapp-icon img {
width: 80%;
height: auto;
object-fit: contain;
}
.whatsapp-icon:hover {
transform: scale(1.1);
}
.practice-cards-wrapper .practice-card .practice-card-svg { .practice-cards-wrapper .practice-card .practice-card-svg {
@ -2209,29 +2244,4 @@
opacity: 1; opacity: 1;
transform: translateY(0); transform: translateY(0);
} }
} }
.whatsapp-icon {
position: fixed;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
cursor: pointer;
z-index: 1000;
border-radius: 50%;
overflow: hidden;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
transition: transform 0.2s;
}
.whatsapp-icon:hover {
transform: scale(1.1);
}
.whatsapp-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}