ZenBrowserMirrors/www
1
0
Fork 0
mirror of https://github.com/zen-browser/www.git synced 2025-07-10 18:25:31 +02:00
Code Issues Projects Releases Packages Wiki Activity

Fix: simplify image transformation styles in HomeExtras component

Browse source
This commit is contained in:
mr. M 2024-12-22 13:26:22 +01:00
parent b3bc7fe2cf
commit bc56daf776
No known key found for this signature in database
GPG key ID: CBD57A2AEDBDA1FB
1 changed files with 6 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/HomeExtras.astro
View file

@ -34,11 +34,6 @@ import { ArrowRight } from 'lucide-astro';
</section> </section>
<style> <style>
#browser-images { #browser-images {
& img {
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
&:hover {
& img:nth-child(1) { & img:nth-child(1) {
transform: rotate(5deg) scale(1.05) translateX(-52%) translateY(-10%); transform: rotate(5deg) scale(1.05) translateX(-52%) translateY(-10%);
} }
@ -51,19 +46,4 @@ import { ArrowRight } from 'lucide-astro';
transform: rotate(-5deg) scale(1.05) translateX(-50%) translateY(-10%); transform: rotate(-5deg) scale(1.05) translateX(-50%) translateY(-10%);
} }
} }
@media (max-width: 1000px) {
& img:nth-child(1) {
transform: rotate(5deg) scale(1.05) translateX(-52%) translateY(-10%);
}
& img:nth-child(2) {
transform: rotate(2deg) scale(1.05) translateX(-50%) translateY(10%);
}
& img:nth-child(3) {
transform: rotate(-5deg) scale(1.05) translateX(-50%) translateY(-10%);
}
}
}
</style> </style>