60 lines
1.2 KiB
TypeScript
60 lines
1.2 KiB
TypeScript
/**
|
|
* Copyright 2024 Phenix Real Time Solutions, Inc. Confidential and Proprietary. All Rights Reserved.
|
|
*/
|
|
import * as styled from 'styled-components';
|
|
|
|
import {theme} from 'components/shared/theme';
|
|
import {RadioGroup} from 'components/buttons/radio-button/style';
|
|
// import Input from 'components/forms/Input';
|
|
|
|
const {
|
|
spacing,
|
|
colors
|
|
} = theme;
|
|
|
|
export const CreateTokenContainer = styled.default.div`
|
|
margin: 0.5rem 0 0;
|
|
`;
|
|
|
|
export const FormWell = styled.default.div`
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
`;
|
|
|
|
export const RadioButtonContainer = styled.default.div`
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-top: ${spacing.small} 0;
|
|
label {
|
|
font-size: 14px;
|
|
color: ${colors.white};
|
|
}
|
|
${RadioGroup}{
|
|
flex-direction: column;
|
|
.reason-input {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
}
|
|
}
|
|
`;
|
|
|
|
export const InputGroup = styled.default.div`
|
|
margin: 0 1rem 1rem 0;
|
|
input {
|
|
width: 200px;
|
|
padding-left: ${spacing.small};
|
|
}
|
|
> label {
|
|
display: block;
|
|
}
|
|
select {
|
|
width: 200px;
|
|
}
|
|
`;
|
|
|
|
export const RowsWrapper = styled.default.div`
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
`; |