refactor: responsive spacing on CardHeader and CardFooter
This commit is contained in:
@@ -42,7 +42,7 @@ describe('Card', () => {
|
||||
describe('CardHeader', () => {
|
||||
it('renders children with bottom margin', () => {
|
||||
render(<CardHeader>Header</CardHeader>);
|
||||
expect(screen.getByText('Header')).toHaveClass('mb-4');
|
||||
expect(screen.getByText('Header')).toHaveClass('mb-6');
|
||||
});
|
||||
});
|
||||
describe('CardTitle', () => {
|
||||
@@ -69,6 +69,6 @@ describe('CardFooter', () => {
|
||||
it('renders children with top border', () => {
|
||||
render(<CardFooter>Footer</CardFooter>);
|
||||
const el = screen.getByText('Footer');
|
||||
expect(el).toHaveClass('brutal-border-top', 'mt-6', 'pt-6');
|
||||
expect(el).toHaveClass('brutal-border-top', 'mt-6', 'pt-6', 'md:mt-8', 'md:pt-8');
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user