lfg2025/botfights
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: mobile UX polish with haptics and reduced motion

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Dorian
2026-03-09 00:23:39 +00:00
co-authored by Claude Opus 4.6
parent 8be71e9929
commit aca025a360
5 changed files with 61 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/style.css
+11
View File
@@ -186,3 +186,14 @@
.tier-4 { color: var(--color-neon-cyan); text-shadow: 0 0 8px rgba(0, 240, 255, 0.3); }
.tier-5 { color: var(--color-neon-purple); text-shadow: 0 0 10px rgba(184, 61, 255, 0.5); }
.tier-6 { color: var(--color-neon-pink); text-shadow: 0 0 12px rgba(255, 45, 123, 0.6); }
/* Safe area for bottom nav (iPhone notch/home indicator) */
.safe-area-bottom { padding-bottom: env(safe-area-inset-bottom, 0px); }
/* Reduced motion: skip animations */
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
}