etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-28 09:33:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #54 from BEDOLAGA-DEV/dev

Browse Source 
Dev
This commit is contained in:
Egor
2026-01-20 04:56:32 +03:00
committed by GitHub
parent 1403a63df5 28b180262f
commit 6cf91f31d8
1 changed files with 36 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/styles/globals.css
View File

@@ -1246,6 +1246,42 @@ input[type="range"]::-moz-range-thumb {
background: radial-gradient(circle, rgba(var(--color-accent-500), 0.7) 0%, transparent 70%);
}
/* Mobile: brighter and faster animations */
@media (max-width: 768px) {
.wave-blob {
opacity: 0.7;
filter: blur(50px);
}
.wave-blob-1 {
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(var(--color-accent-500), 0.8) 0%, transparent 70%);
animation: wave1-mobile 12s ease-in-out infinite;
}
.wave-blob-2 {
width: 280px;
height: 280px;
background: radial-gradient(circle, rgba(59, 130, 246, 0.8) 0%, transparent 70%);
animation: wave2-mobile 15s ease-in-out infinite;
}
@keyframes wave1-mobile {
0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
25% { transform: translate3d(15%, 20%, 0) scale(1.1); }
50% { transform: translate3d(5%, 35%, 0) scale(1.15); }
75% { transform: translate3d(20%, 10%, 0) scale(1.05); }
}
@keyframes wave2-mobile {
0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
25% { transform: translate3d(-20%, -15%, 0) scale(1.15); }
50% { transform: translate3d(-10%, -30%, 0) scale(1.1); }
75% { transform: translate3d(-25%, -5%, 0) scale(1.05); }
}
}
/* Disable animations for reduced motion preference */
@media (prefers-reduced-motion: reduce) {
.wave-blob {