diff --git a/src/entities/project/ui/ProjectCard/ProjectCard.test.tsx b/src/entities/project/ui/ProjectCard/ProjectCard.test.tsx index 0985915..0d3cef8 100644 --- a/src/entities/project/ui/ProjectCard/ProjectCard.test.tsx +++ b/src/entities/project/ui/ProjectCard/ProjectCard.test.tsx @@ -98,7 +98,7 @@ describe('ProjectCard', () => { it('View Project button uses sm size', () => { render(); const btn = screen.getByRole('link', { name: /view project/i }); - expect(btn).toHaveClass('px-4', 'py-2', 'text-sm'); + expect(btn).toHaveClass('px-3', 'py-1.5', 'sm:px-4', 'sm:py-2', 'text-sm'); }); it('tags are xs outline badges', () => { diff --git a/src/shared/ui/Button/ui/Button.test.tsx b/src/shared/ui/Button/ui/Button.test.tsx index e6535d1..388838f 100644 --- a/src/shared/ui/Button/ui/Button.test.tsx +++ b/src/shared/ui/Button/ui/Button.test.tsx @@ -38,7 +38,7 @@ describe('Button', () => { }); it('applies sm size', () => { render(); - expect(screen.getByRole('button')).toHaveClass('px-4', 'py-2'); + expect(screen.getByRole('button')).toHaveClass('px-3', 'py-1.5', 'sm:px-4', 'sm:py-2'); }); it('applies lg size', () => { render(); @@ -87,7 +87,7 @@ describe('Button', () => { , ); const link = screen.getByRole('link'); - expect(link).toHaveClass('bg-blue', 'px-4', 'py-2'); + expect(link).toHaveClass('bg-blue', 'px-3', 'py-1.5', 'sm:px-4', 'sm:py-2'); }); }); }); diff --git a/src/shared/ui/Button/ui/Button.tsx b/src/shared/ui/Button/ui/Button.tsx index bd0c39b..2a11e58 100644 --- a/src/shared/ui/Button/ui/Button.tsx +++ b/src/shared/ui/Button/ui/Button.tsx @@ -52,7 +52,7 @@ const VARIANTS = { } as const satisfies Record; const SIZES = { - sm: 'px-4 py-2 text-sm', + sm: 'px-3 py-1.5 sm:px-4 sm:py-2 text-sm', md: 'px-6 py-3 text-base', lg: 'px-8 py-4 text-lg', } as const satisfies Record;