style: column wrapper srollable style
This commit is contained in:
@@ -26,7 +26,7 @@ interface CompatibilityAlertProps {
|
||||
const DivWrapper = styled.div`
|
||||
position: relative;
|
||||
padding-inline: 24px;
|
||||
padding-block: 10px 0;
|
||||
padding-block: 8px 0;
|
||||
&:hover {
|
||||
.close-wrapper {
|
||||
display: block;
|
||||
|
||||
@@ -357,7 +357,7 @@ const AddModal: React.FC<AddModalProps> = (props) => {
|
||||
<ColumnWrapper
|
||||
styles={{
|
||||
container: {
|
||||
paddingTop: 0
|
||||
paddingBlock: 0
|
||||
}
|
||||
}}
|
||||
footer={
|
||||
@@ -387,7 +387,7 @@ const AddModal: React.FC<AddModalProps> = (props) => {
|
||||
)
|
||||
}
|
||||
style={{
|
||||
padding: '16px 24px',
|
||||
padding: '16px 24px 8px',
|
||||
display: 'flex',
|
||||
justifyContent: 'flex-end'
|
||||
}}
|
||||
|
||||
@@ -41,7 +41,7 @@ const dropFieldsFromForm = [
|
||||
const resetFields = ['worker_selector', 'env'];
|
||||
|
||||
const ModalFooterStyle = {
|
||||
padding: '16px 24px',
|
||||
padding: '16px 24px 8px',
|
||||
display: 'flex',
|
||||
justifyContent: 'flex-end'
|
||||
};
|
||||
@@ -586,7 +586,7 @@ const AddModal: FC<AddModalProps> = (props) => {
|
||||
<FormWrapper>
|
||||
<ColumnWrapper
|
||||
styles={{
|
||||
container: { paddingTop: 0 }
|
||||
container: { paddingBlock: 0 }
|
||||
}}
|
||||
footer={
|
||||
<>
|
||||
|
||||
@@ -35,7 +35,7 @@ type AddModalProps = {
|
||||
};
|
||||
|
||||
const ModalFooterStyle = {
|
||||
padding: '16px 24px',
|
||||
padding: '16px 24px 8px',
|
||||
display: 'flex',
|
||||
justifyContent: 'flex-end'
|
||||
};
|
||||
@@ -249,7 +249,7 @@ const UpdateModal: React.FC<AddModalProps> = (props) => {
|
||||
<ColumnWrapper
|
||||
styles={{
|
||||
container: {
|
||||
paddingTop: 0
|
||||
paddingBlock: 0
|
||||
}
|
||||
}}
|
||||
footer={
|
||||
|
||||
Reference in New Issue
Block a user