mirror of
https://github.com/status-im/liquid-funding.git
synced 2025-01-11 12:04:21 +00:00
move card styles to own file
This commit is contained in:
parent
df5703a477
commit
8b3221b818
24
app/components/table/CardStyles.js
Normal file
24
app/components/table/CardStyles.js
Normal file
@ -0,0 +1,24 @@
|
||||
import indigo from '@material-ui/core/colors/indigo'
|
||||
import blueGrey from '@material-ui/core/colors/blueGrey'
|
||||
|
||||
const styles = {
|
||||
card: {
|
||||
borderRadius: '0px',
|
||||
borderTopStyle: 'groove',
|
||||
borderBottom: '1px solid lightgray',
|
||||
backgroundColor: indigo[50]
|
||||
},
|
||||
bullet: {
|
||||
display: 'inline-block',
|
||||
margin: '0 2px',
|
||||
transform: 'scale(0.8)',
|
||||
},
|
||||
title: {
|
||||
fontSize: 14,
|
||||
},
|
||||
amount: {
|
||||
backgroundColor: blueGrey[50]
|
||||
}
|
||||
}
|
||||
|
||||
export default styles
|
@ -11,37 +11,16 @@ import CardContent from '@material-ui/core/CardContent'
|
||||
import Button from '@material-ui/core/Button'
|
||||
import Typography from '@material-ui/core/Typography'
|
||||
import TextField from '@material-ui/core/TextField'
|
||||
import indigo from '@material-ui/core/colors/indigo'
|
||||
import blueGrey from '@material-ui/core/colors/blueGrey'
|
||||
import Collapse from '@material-ui/core/Collapse'
|
||||
import LiquidPledging from 'Embark/contracts/LiquidPledging'
|
||||
import LPVault from 'Embark/contracts/LPVault'
|
||||
import { getTokenLabel } from '../../utils/currencies'
|
||||
import { toWei } from '../../utils/conversions'
|
||||
import styles from './CardStyles'
|
||||
|
||||
const { withdraw } = LiquidPledging.methods
|
||||
const { confirmPayment } = LPVault.methods
|
||||
|
||||
const styles = {
|
||||
card: {
|
||||
borderRadius: '0px',
|
||||
borderTopStyle: 'groove',
|
||||
borderBottom: '1px solid lightgray',
|
||||
backgroundColor: indigo[50]
|
||||
},
|
||||
bullet: {
|
||||
display: 'inline-block',
|
||||
margin: '0 2px',
|
||||
transform: 'scale(0.8)',
|
||||
},
|
||||
title: {
|
||||
fontSize: 14,
|
||||
},
|
||||
amount: {
|
||||
backgroundColor: blueGrey[50]
|
||||
}
|
||||
}
|
||||
|
||||
function Withdraw({ clearRowData, classes, rowData, authorizedPayment }) {
|
||||
const [show, setShow] = useState(null)
|
||||
const [rowId, setRowId] = useState(rowData.pledgeId)
|
||||
|
Loading…
x
Reference in New Issue
Block a user