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