fix: redesign buttons — depth, outline contrast, press effect

- button.tsx: primary gets gradient + shadow + hover glow + -translate-y-px
  lift; outline gets border-2 for visibility on dark bg; all variants
  get active:scale-[0.96] press feel; lg size h-12 for auth forms
- Remove hardcoded bg-[var(--accent)] overrides from Login, Register,
  Feed, Profile, Upload — variants now handle all coloring

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-06-26 00:47:44 +03:00
parent 91ab44c6fb
commit 492bd1b4e1
6 changed files with 65 additions and 21 deletions

View File

@@ -71,7 +71,7 @@ export default function LoginPage() {
<Button
type="submit"
disabled={loading}
className="w-full h-12 rounded-xl text-sm font-semibold bg-[var(--accent)] hover:bg-[var(--accent-hover)] text-white transition-all active:scale-[0.98] shadow-sm"
size="lg" className="w-full"
>
{loading ? (
<span className="flex items-center gap-2">