defalt2111/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

disabled hover effects on mobile

Browse Source
This commit is contained in:
Antonio Ledebuhr
2026-01-21 20:08:41 +01:00
parent 55a63047cd
commit 6b170c6864
6 changed files with 62 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/components/pages/skills/skill-card/skill-card.scss
View File

@@ -18,11 +18,10 @@
inset 0 1px 0 rgba(255, 255, 255, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
&:hover {
:host-context(.desktop) &:hover {
transform: translateY(-4px);
box-shadow:
0 8px 32px rgba(99, 102, 241, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.15);
box-shadow: 0 8px 32px rgba(99, 102, 241, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.15);
border-color: rgba(255, 255, 255, 0.25);
}
@@ -54,7 +53,7 @@
transition: filter 0.2s ease, transform 0.2s ease;
}
&:hover img {
:host-context(.desktop) &:hover img {
filter: none;
transform: scale(1.1);
}