c836bbbfc2
Hi @Bonapara, Issue #6385 I encountered an issue with the Modal component where its width was fixed at 400px. While the container housing the Modal adjusted its size based on the screen width, the Modal itself remained at 400px regardless of the screen size. I have implemented a change to address this problem. Could you please review the changes and let me know your thoughts? Thank you! https://github.com/user-attachments/assets/8358aacb-d6c3-440e-895e-7abc4f8a3534 --------- Co-authored-by: Félix Malfait <felix.malfait@gmail.com>
17 lines
450 B
TypeScript
17 lines
450 B
TypeScript
import { Modal } from '@/ui/layout/modal/components/Modal';
|
|
import styled from '@emotion/styled';
|
|
import React from 'react';
|
|
|
|
const StyledContent = styled(Modal.Content)`
|
|
align-items: center;
|
|
justify-content: center;
|
|
`;
|
|
|
|
type AuthModalProps = { children: React.ReactNode };
|
|
|
|
export const AuthModal = ({ children }: AuthModalProps) => (
|
|
<Modal padding={'none'} modalVariant="primary">
|
|
<StyledContent>{children}</StyledContent>
|
|
</Modal>
|
|
);
|