Re-Quest/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update svg

Browse Source
This commit is contained in:
pradeepkumar
2026-01-12 12:17:16 +05:30
parent 0c7239d7a8
commit 36eb93c264
27 changed files with 238 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/ui/Button.tsx
View File

@@ -3,24 +3,27 @@
import { ButtonHTMLAttributes, ReactNode } from 'react';
interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
variant?: 'primary' | 'secondary' | 'outline';
variant?: 'primary' | 'secondary' | 'outline' | 'action';
size?: 'sm' | 'md' | 'lg';
leftIcon?: ReactNode;
children: ReactNode;
}
export function Button({
variant = 'primary',
size = 'md',
leftIcon,
children,
className = '',
...props
}: ButtonProps) {
const baseStyles = 'font-medium rounded-lg transition-all duration-200 inline-flex items-center justify-center';
const baseStyles = 'font-medium transition-all duration-200 inline-flex items-center justify-center';
const variants = {
primary: 'bg-[#f5a623] text-white hover:bg-[#e09620] active:bg-[#c98a1c]',
secondary: 'bg-[#00293d] text-white hover:bg-[#003a57] active:bg-[#001f2e]',
outline: 'border-2 border-[#00293d] text-[#00293d] hover:bg-[#00293d] hover:text-white',
primary: 'bg-[#f5a623] text-white hover:bg-[#e09620] active:bg-[#c98a1c] rounded-lg',
secondary: 'bg-[#00293d] text-white hover:bg-[#003a57] active:bg-[#001f2e] rounded-lg',
outline: 'border-2 border-[#00293d] text-[#00293d] hover:bg-[#00293d] hover:text-white rounded-lg',
action: 'bg-[#e58625] text-white border-[0.1px] border-[#00293d] rounded-[15px] hover:bg-[#d47920] active:bg-[#c26e1b]',
};
const sizes = {
@@ -34,6 +37,7 @@ export function Button({
className={`${baseStyles} ${variants[variant]} ${sizes[size]} ${className}`}
{...props}
>
{leftIcon && <span className="mr-2">{leftIcon}</span>}
{children}
</button>
);