Commit Graph

4 Commits

Author SHA1 Message Date
Fringg
d8b83ccdb8 fix: rewrite gradient border with @property CSS angle animation
Pure CSS approach: @property --border-angle + conic-gradient on border-box.
No extra elements, no overflow issues, no JS animation.
Smooth rotation via CSS Houdini custom property animation.
2026-02-25 08:48:48 +03:00
Fringg
e95db23573 fix: rewrite HoverBorderGradient with CSS rotate instead of framer-motion
Replace framer-motion gradient interpolation (buggy in TG WebView) with
pure CSS conic-gradient + transform:rotate() keyframe animation.
Transform animations are GPU-accelerated and reliable everywhere.
2026-02-25 08:44:42 +03:00
Fringg
4332c2bd25 fix: improve HoverBorderGradient visibility with accent colors and darker bg
- Use accent CSS vars for gradient (matches app theme dynamically)
- Increase gradient spot size for visible animation
- Darker inner bg (dark-900) for better contrast
- Increase blur to 3px for glow effect
2026-02-25 08:41:18 +03:00
Fringg
3fb9606fd0 feat: add HoverBorderGradient effect to key action buttons
Apply animated gradient border effect (Aceternity UI) to:
- Dashboard "Connect Devices" button
- Dashboard "Activate Trial" buttons (free and paid variants)
- Subscription page "Connect Devices" button
2026-02-25 08:37:28 +03:00