[PR #7269] [MERGED] demo: improve demo project ui #7187

Closed
opened 2026-03-13 13:27:15 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/better-auth/better-auth/pull/7269
Author: @Bekacru
Created: 1/11/2026
Status: Merged
Merged: 1/11/2026
Merged by: @Bekacru

Base: canaryHead: chore/demo


📝 Commits (5)

  • ac13c33 demo: improve demo project, improved look
  • 1117cbc Merge branch 'canary' into chore/demo
  • a77edd2 fix
  • 9998e7c fix: address PR feedback from automated reviewers
  • f1be42c chore: lint

📊 Changes

12 files changed (+394 additions, -169 deletions)

View changed files

📝 demo/nextjs/app/(auth)/sign-in/_components/sign-in.tsx (+69 -82)
📝 demo/nextjs/app/dashboard/_components/subscription-card.tsx (+52 -24)
📝 demo/nextjs/app/globals.css (+18 -0)
📝 demo/nextjs/app/layout.tsx (+5 -2)
📝 demo/nextjs/components/account-switch.tsx (+12 -7)
demo/nextjs/components/background-ripple-effect.tsx (+134 -0)
📝 demo/nextjs/components/forms/sign-in-form.tsx (+1 -1)
📝 demo/nextjs/components/forms/sign-up-form.tsx (+45 -39)
📝 demo/nextjs/components/subscription-tier.tsx (+1 -1)
📝 demo/nextjs/components/theme-toggle.tsx (+53 -6)
📝 demo/nextjs/components/ui/field.tsx (+2 -2)
📝 demo/nextjs/lib/auth.ts (+2 -5)

📄 Description

Summary by cubic

Updates the demo UI with a ripple background and cleaner auth/dashboard screens for a smoother, more responsive experience. Also improves account switching and simplifies auth configuration.

  • UI Improvements

    • Added ripple background effect and animation; replaces the old grid.
    • Sign-in screen: 2-column OAuth buttons, divider, passkey moved below, max-height with scroll, shorter labels on mobile, and aria-labels for accessibility.
    • Polished subscription card and plan dialog; added external link for Enterprise.
    • Theme toggle uses custom icons with a link-style button; tightened form/field spacing and made sign-up passwords side-by-side.
  • Refactors

    • Account switcher now calls router.refresh after switching and adds error handling.
    • Auth proxy reads production URL from BETTER_AUTH_URL (with fallback) and removes Apple provider.
    • Simplified internal endpoint options to reduce config coupling.

Written for commit f1be42c947. Summary will update on new commits.


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/better-auth/better-auth/pull/7269 **Author:** [@Bekacru](https://github.com/Bekacru) **Created:** 1/11/2026 **Status:** ✅ Merged **Merged:** 1/11/2026 **Merged by:** [@Bekacru](https://github.com/Bekacru) **Base:** `canary` ← **Head:** `chore/demo` --- ### 📝 Commits (5) - [`ac13c33`](https://github.com/better-auth/better-auth/commit/ac13c33e74c78f498b66a76dc1cf8b1c43bf605a) demo: improve demo project, improved look - [`1117cbc`](https://github.com/better-auth/better-auth/commit/1117cbc779a60ffb688a4d0259f581d4c91c0b01) Merge branch 'canary' into chore/demo - [`a77edd2`](https://github.com/better-auth/better-auth/commit/a77edd2c5f3b2a683733e93a25b4f16e34b5d3cf) fix - [`9998e7c`](https://github.com/better-auth/better-auth/commit/9998e7c71dcb9e01218fd81f0120a26f17739502) fix: address PR feedback from automated reviewers - [`f1be42c`](https://github.com/better-auth/better-auth/commit/f1be42c94781fa7056336e775438812d70d21a62) chore: lint ### 📊 Changes **12 files changed** (+394 additions, -169 deletions) <details> <summary>View changed files</summary> 📝 `demo/nextjs/app/(auth)/sign-in/_components/sign-in.tsx` (+69 -82) 📝 `demo/nextjs/app/dashboard/_components/subscription-card.tsx` (+52 -24) 📝 `demo/nextjs/app/globals.css` (+18 -0) 📝 `demo/nextjs/app/layout.tsx` (+5 -2) 📝 `demo/nextjs/components/account-switch.tsx` (+12 -7) ➕ `demo/nextjs/components/background-ripple-effect.tsx` (+134 -0) 📝 `demo/nextjs/components/forms/sign-in-form.tsx` (+1 -1) 📝 `demo/nextjs/components/forms/sign-up-form.tsx` (+45 -39) 📝 `demo/nextjs/components/subscription-tier.tsx` (+1 -1) 📝 `demo/nextjs/components/theme-toggle.tsx` (+53 -6) 📝 `demo/nextjs/components/ui/field.tsx` (+2 -2) 📝 `demo/nextjs/lib/auth.ts` (+2 -5) </details> ### 📄 Description <!-- This is an auto-generated description by cubic. --> ## Summary by cubic Updates the demo UI with a ripple background and cleaner auth/dashboard screens for a smoother, more responsive experience. Also improves account switching and simplifies auth configuration. - **UI Improvements** - Added ripple background effect and animation; replaces the old grid. - Sign-in screen: 2-column OAuth buttons, divider, passkey moved below, max-height with scroll, shorter labels on mobile, and aria-labels for accessibility. - Polished subscription card and plan dialog; added external link for Enterprise. - Theme toggle uses custom icons with a link-style button; tightened form/field spacing and made sign-up passwords side-by-side. - **Refactors** - Account switcher now calls router.refresh after switching and adds error handling. - Auth proxy reads production URL from BETTER_AUTH_URL (with fallback) and removes Apple provider. - Simplified internal endpoint options to reduce config coupling. <sup>Written for commit f1be42c94781fa7056336e775438812d70d21a62. Summary will update on new commits.</sup> <!-- End of auto-generated description by cubic. --> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-03-13 13:27:15 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/better-auth#7187