ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

Make cancel button a clear bordered button instead of a text link

Browse Source 
Ciphera values clarity — if a user wants to cancel, the option should
be honest and easy to find, not hidden. Neutral bordered pill that
highlights red on hover communicates this respectfully.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Usman Baig
2026-02-09 11:16:23 +01:00
parent 29dd20a4a7
commit f4ee066229
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/settings/OrganizationSettings.tsx
View File

@@ -833,7 +833,7 @@ export default function OrganizationSettings() {
</div>
{/* Quick actions */}
<div className="flex flex-wrap items-center gap-3">
<div className="flex flex-wrap items-center gap-4">
{subscription.has_payment_method && (
<button
type="button"
@@ -849,7 +849,7 @@ export default function OrganizationSettings() {
<button
type="button"
onClick={() => setShowCancelPrompt(true)}
className="inline-flex items-center gap-1.5 text-sm text-red-500 hover:text-red-600 dark:text-red-400 dark:hover:text-red-300 transition-colors"
className="inline-flex items-center gap-1.5 rounded-lg border border-neutral-200 dark:border-neutral-700 px-3.5 py-1.5 text-sm text-neutral-600 dark:text-neutral-400 hover:border-red-300 hover:text-red-600 dark:hover:border-red-800 dark:hover:text-red-400 transition-colors"
>
Cancel subscription
</button>