FJurmanovic/acc-server-manager-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use design tokens for primary button green, add gap to GhButton

Browse Source
This commit is contained in:
Fran Jurmanović
2026-03-21 20:56:43 +01:00
parent 1d13def6da
commit 5c69ef716b
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/globals.css
View File

@@ -21,6 +21,8 @@
--color-gh-red: #f85149; --color-gh-red: #f85149;
--color-gh-red-bg: #f8514920; --color-gh-red-bg: #f8514920;
--color-gh-orange: #f78166; --color-gh-orange: #f78166;
--color-gh-btn-green: #238636;
--color-gh-btn-green-hover: #2ea043;
} }
@layer components { @layer components {

4
src/components/ui/GhButton.tsx
View File

@@ -10,7 +10,7 @@ interface GhButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
} }
const variantClasses: Record<ButtonVariant, string> = { const variantClasses: Record<ButtonVariant, string> = {
primary: 'bg-[#238636] border border-[#2ea043] text-white hover:bg-[#2ea043]', primary: 'bg-gh-btn-green border border-gh-btn-green-hover text-white hover:bg-gh-btn-green-hover',
ghost: 'bg-transparent border border-gh-border text-gh-secondary hover:bg-gh-overlay hover:text-gh-primary', ghost: 'bg-transparent border border-gh-border text-gh-secondary hover:bg-gh-overlay hover:text-gh-primary',
'danger-outline': 'bg-transparent border border-gh-border text-gh-red hover:border-gh-red/40 hover:bg-gh-red-bg', 'danger-outline': 'bg-transparent border border-gh-border text-gh-red hover:border-gh-red/40 hover:bg-gh-red-bg',
'danger-solid': 'bg-gh-overlay border border-gh-red/20 text-gh-red hover:bg-gh-red-bg', 'danger-solid': 'bg-gh-overlay border border-gh-red/20 text-gh-red hover:bg-gh-red-bg',
@@ -34,7 +34,7 @@ export function GhButton({
{...props} {...props}
disabled={disabled} disabled={disabled}
className={cn( className={cn(
'inline-flex items-center justify-center rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-gh-blue focus:ring-offset-1 focus:ring-offset-gh-base', 'inline-flex items-center gap-1.5 justify-center rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-gh-blue focus:ring-offset-1 focus:ring-offset-gh-base',
'disabled:cursor-not-allowed disabled:opacity-40', 'disabled:cursor-not-allowed disabled:opacity-40',
variantClasses[variant], variantClasses[variant],
sizeClasses[size], sizeClasses[size],