58 lines
1.1 KiB
JavaScript
58 lines
1.1 KiB
JavaScript
import styled from 'styled-components';
|
|
import Button from '/imports/ui/components/common/button/component';
|
|
import {
|
|
fontSizeXXL,
|
|
headingsFontWeight,
|
|
} from '/imports/ui/stylesheets/styled-components/typography';
|
|
import {
|
|
mdPaddingX,
|
|
smPaddingX,
|
|
} from '/imports/ui/stylesheets/styled-components/general';
|
|
|
|
const ModalViewContainer = styled.div`
|
|
display: flex;
|
|
flex-flow: column;
|
|
align-items: center;
|
|
|
|
& > div {
|
|
margin-bottom: 1rem;
|
|
}
|
|
`;
|
|
|
|
const ModalAvatar = styled.div`
|
|
height: 6rem;
|
|
width: 6rem;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
color: white;
|
|
font-size: ${fontSizeXXL};
|
|
font-weight: 400;
|
|
margin-bottom: ${smPaddingX};
|
|
text-transform: capitalize;
|
|
`;
|
|
|
|
const SelectedUserName = styled.div`
|
|
margin-bottom: ${mdPaddingX};
|
|
font-weight: ${headingsFontWeight};
|
|
font-size: 2rem;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
position: relative;
|
|
width: 100%;
|
|
text-align: center;
|
|
`;
|
|
|
|
const SelectButton = styled(Button)`
|
|
margin-bottom: ${mdPaddingX};
|
|
`;
|
|
|
|
export default {
|
|
ModalViewContainer,
|
|
ModalAvatar,
|
|
SelectedUserName,
|
|
SelectButton,
|
|
};
|