add border radius to row in manage owners settings
This commit is contained in:
parent
03ede6919f
commit
5126f084a7
|
@ -12,7 +12,6 @@ import GnoForm from '~/components/forms/GnoForm'
|
|||
import Row from '~/components/layout/Row'
|
||||
import Paragraph from '~/components/layout/Paragraph'
|
||||
import Button from '~/components/layout/Button'
|
||||
import { lg } from '~/theme/variables'
|
||||
import { styles } from './style'
|
||||
|
||||
export const SAFE_NAME_INPUT_TEST_ID = 'safe-name-input'
|
||||
|
@ -70,7 +69,7 @@ const ChangeSafeName = (props: Props) => {
|
|||
color="primary"
|
||||
testId={SAFE_NAME_SUBMIT_BTN_TEST_ID}
|
||||
>
|
||||
SAVE
|
||||
Save
|
||||
</Button>
|
||||
</Col>
|
||||
</Row>
|
||||
|
|
|
@ -26,7 +26,6 @@ import {
|
|||
OWNERS_TABLE_ADDRESS_ID,
|
||||
type OwnerRow,
|
||||
} from './dataFetcher'
|
||||
import { sm, boldFont } from '~/theme/variables'
|
||||
import { styles } from './style'
|
||||
import ReplaceOwnerIcon from './assets/icons/replace-owner.svg'
|
||||
import RenameOwnerIcon from './assets/icons/rename-owner.svg'
|
||||
|
@ -39,16 +38,6 @@ export const ADD_OWNER_BTN_TEST_ID = 'add-owner-btn'
|
|||
export const REPLACE_OWNER_BTN_TEST_ID = 'replace-owner-btn'
|
||||
export const OWNERS_ROW_TEST_ID = 'owners-row'
|
||||
|
||||
const controlsStyle = {
|
||||
backgroundColor: 'white',
|
||||
padding: sm,
|
||||
}
|
||||
|
||||
const addOwnerButtonStyle = {
|
||||
marginRight: sm,
|
||||
fontWeight: boldFont,
|
||||
}
|
||||
|
||||
type Props = {
|
||||
classes: Object,
|
||||
safeAddress: string,
|
||||
|
@ -202,10 +191,9 @@ class ManageOwners extends React.Component<Props, State> {
|
|||
{granted && (
|
||||
<>
|
||||
<Hairline />
|
||||
<Row style={controlsStyle} align="end" grow>
|
||||
<Row className={classes.controlsRow} align="end" grow>
|
||||
<Col end="xs">
|
||||
<Button
|
||||
style={addOwnerButtonStyle}
|
||||
size="small"
|
||||
variant="contained"
|
||||
color="primary"
|
||||
|
|
|
@ -3,7 +3,7 @@ import { lg } from '~/theme/variables'
|
|||
|
||||
export const styles = () => ({
|
||||
formContainer: {
|
||||
minHeight: '369px',
|
||||
minHeight: '420px',
|
||||
},
|
||||
title: {
|
||||
padding: lg,
|
||||
|
@ -31,6 +31,11 @@ export const styles = () => ({
|
|||
marginLeft: lg,
|
||||
cursor: 'pointer',
|
||||
},
|
||||
controlsRow: {
|
||||
backgroundColor: 'white',
|
||||
padding: lg,
|
||||
borderRadius: '8px',
|
||||
},
|
||||
removeOwnerIcon: {
|
||||
marginLeft: lg,
|
||||
cursor: 'pointer',
|
||||
|
|
Loading…
Reference in New Issue