Robosats/robosats
1
0
Fork 0
mirror of https://github.com/RoboSats/robosats.git synced 2025-07-19 17:23:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Align SVG currency icons with text

Browse Source
This commit is contained in:
Reckless_Satoshi
2022-02-19 10:44:02 -08:00
parent 78f5c1cbdc
commit eafda9ddf7
5 changed files with 6 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/BookPage.js
View File

@ -129,7 +129,7 @@ export default class BookPage extends Component {
)}}, )}},
{ field: 'currency', headerName: 'Currency', width: 100, { field: 'currency', headerName: 'Currency', width: 100,
renderCell: (params) => {return ( renderCell: (params) => {return (
<div style={{ cursor: "pointer" }}>{params.row.currency+" "}{getFlags(params.row.currency)}</div>) <div style={{ cursor: "pointer", display:'flex',alignItems:'center', flexWrap:'wrap'}}>{params.row.currency+" "}{getFlags(params.row.currency)}</div>)
}}, }},
{ field: 'payment_method', headerName: 'Payment Method', width: 180 }, { field: 'payment_method', headerName: 'Payment Method', width: 180 },
{ field: 'price', headerName: 'Price', type: 'number', width: 140, { field: 'price', headerName: 'Price', type: 'number', width: 140,
@ -198,14 +198,7 @@ export default class BookPage extends Component {
{ field: 'currency', headerName: 'Currency', width: 100, { field: 'currency', headerName: 'Currency', width: 100,
renderCell: (params) => {return ( renderCell: (params) => {return (
<Tooltip placement="left" enterTouchDelay="0" title={params.row.payment_method}> <Tooltip placement="left" enterTouchDelay="0" title={params.row.payment_method}>
<Grid container xs={12} aling="center"> <div style={{ cursor: "pointer", display:'flex',alignItems:'center', flexWrap:'wrap'}}>{params.row.currency+" "}{getFlags(params.row.currency)}</div>
<Grid item xs={6} aling="center">
<span>{params.row.currency}</span>
</Grid>
<Grid item xs={6} aling="center">
<Typography>{getFlags(params.row.currency)}</Typography>
</Grid>
</Grid>
</Tooltip> </Tooltip>
)} }, )} },
{ field: 'payment_method', headerName: 'Payment Method', width: 180, hide:'true'}, { field: 'payment_method', headerName: 'Payment Method', width: 180, hide:'true'},
@ -272,7 +265,7 @@ export default class BookPage extends Component {
> <MenuItem value={0}>🌍 ANY</MenuItem> > <MenuItem value={0}>🌍 ANY</MenuItem>
{ {
Object.entries(this.state.currencies_dict) Object.entries(this.state.currencies_dict)
.map( ([key, value]) => <MenuItem value={parseInt(key)}>{getFlags(value)} {" " + value}</MenuItem> ) .map( ([key, value]) => <MenuItem value={parseInt(key)}><div style={{display:'flex',alignItems:'center', flexWrap:'wrap'}}>{getFlags(value)}{" "+value}</div></MenuItem> )
} }
</Select> </Select>
</FormControl> </FormControl>

2
frontend/src/components/MakerPage.js
View File

@ -211,7 +211,7 @@ export default class MakerPage extends Component {
onChange={this.handleCurrencyChange}> onChange={this.handleCurrencyChange}>
{Object.entries(this.state.currencies_dict) {Object.entries(this.state.currencies_dict)
.map( ([key, value]) => <MenuItem value={parseInt(key)}> .map( ([key, value]) => <MenuItem value={parseInt(key)}>
{getFlags(value)}{" " + value} <div style={{display:'flex',alignItems:'center', flexWrap:'wrap'}}>{getFlags(value)}{" "+value}</div>
</MenuItem> )} </MenuItem> )}
</Select> </Select>
</div> </div>

2
frontend/src/components/getFlags.js
View File

@ -38,6 +38,6 @@ export default function getFlags(code){
if(code == 'UYU') return '🇺🇾'; if(code == 'UYU') return '🇺🇾';
if(code == 'PYG') return '🇵🇾'; if(code == 'PYG') return '🇵🇾';
if(code == 'BOB') return '🇧🇴'; if(code == 'BOB') return '🇧🇴';
if(code == 'BTC') return <SwapCallsIcon className='svg-icon' color="primary" />; if(code == 'BTC') return <SwapCallsIcon color="primary"/>;
return '🏳'; return '🏳';
}; };

5
frontend/static/css/index.css
View File

@ -89,8 +89,3 @@ body {
border: 0.3px solid #555; border: 0.3px solid #555;
filter: drop-shadow(0.5px 0.5px 0.5px #000000); filter: drop-shadow(0.5px 0.5px 0.5px #000000);
} }
.svg-icon {
position: relative;
top: 4px;
}

2
frontend/static/frontend/main.js
View File

File diff suppressed because one or more lines are too long