Fix buttons

cloudflare · Dec 18, 2024 · f637145 · f637145
1 parent 5357006
commit f637145
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/app/components/AiButton.tsx b/app/components/AiButton.tsx
@@ -17,8 +17,8 @@ function RemoveAiButton() {
 					JSON.stringify({ type: 'disableAi' } satisfies ClientMessage)
 				)
 			}
-			className="text-xs text-zinc-800"
-			displayType="ghost"
+			className="text-xs"
+			displayType="secondary"
 		>
 			Remove AI
 		</Button>

diff --git a/app/components/Button.tsx b/app/components/Button.tsx
@@ -6,12 +6,12 @@ import { cn } from '~/utils/style'
 const displayTypeMap = {
 	primary: [
 		'text-white',
-		'bg-orange-500 hover:bg-orange-600',
-		'border-orange-500 hover:border-orange-600',
+		'bg-orange-500 hover:bg-orange-600 active:bg-orange-700 active:bg-orange-800',
+		'border-orange-500 hover:border-orange-600 active:border-orange-700 active:border-orange-800',
 	],
 	secondary: [
 		'text-zinc-900 dark:text-zinc-100',
-		'bg-zinc-200 hover:bg-zinc-300 dark:bg-zinc-700 dark:hover:bg-zinc-600',
+		'bg-zinc-200 hover:bg-zinc-300 dark:bg-zinc-700 dark:hover:bg-zinc-600 active:bg-zinc-400 dark:active:bg-zinc-700',
 		'border-zinc-200 hover:border-zinc-300 dark:border-zinc-700 dark:hover:border-zinc-600',
 	],
 	ghost: [
@@ -21,8 +21,8 @@ const displayTypeMap = {
 	],
 	danger: [
 		'text-white',
-		'bg-red-600 hover:bg-red-700',
-		'border-red-600 hover:border-red-700',
+		'bg-red-600 hover:bg-red-700 active:bg-red-800',
+		'border-red-600 hover:border-red-700 active:border-red-800',
 	],
 }