diff --git a/js/assets/images/dapps/gavcoin-bg.jpg b/js/assets/images/dapps/gavcoin-bg.jpg new file mode 100644 index 000000000..c344f5979 Binary files /dev/null and b/js/assets/images/dapps/gavcoin-bg.jpg differ diff --git a/js/src/dapps/gavcoin/Accounts/accounts.css b/js/src/dapps/gavcoin/Accounts/accounts.css index 7c4511710..a7fdcee73 100644 --- a/js/src/dapps/gavcoin/Accounts/accounts.css +++ b/js/src/dapps/gavcoin/Accounts/accounts.css @@ -22,7 +22,7 @@ .account { margin: 0.5em !important; - background: rgb(50, 100, 150) !important; + background: #430 !important; display: inline-block !important; } diff --git a/js/src/dapps/gavcoin/Actions/ActionBuyIn/actionBuyIn.js b/js/src/dapps/gavcoin/Actions/ActionBuyIn/actionBuyIn.js index f97e20a6c..42de205c1 100644 --- a/js/src/dapps/gavcoin/Actions/ActionBuyIn/actionBuyIn.js +++ b/js/src/dapps/gavcoin/Actions/ActionBuyIn/actionBuyIn.js @@ -73,6 +73,7 @@ export default class ActionBuyIn extends Component { if (complete) { return ( @@ -84,10 +85,12 @@ export default class ActionBuyIn extends Component { return ([ , @@ -82,10 +83,12 @@ export default class ActionRefund extends Component { return ([ , @@ -85,10 +86,12 @@ export default class ActionTransfer extends Component { return ([ , . +*/ + +.body { + background-size: cover; + background-repeat: no-repeat; +} diff --git a/js/src/dapps/gavcoin/Application/application.js b/js/src/dapps/gavcoin/Application/application.js index d5d26bc3e..1ae5d870a 100644 --- a/js/src/dapps/gavcoin/Application/application.js +++ b/js/src/dapps/gavcoin/Application/application.js @@ -32,6 +32,13 @@ import Events from '../Events'; import Loading from '../Loading'; import Status from '../Status'; +import styles from './application.css'; +import bgimage from '../../../../assets/images/dapps/gavcoin-bg.jpg'; + +const bgstyle = { + backgroundImage: `url(${bgimage})` +}; + const DIVISOR = 10 ** 6; export default class Application extends Component { @@ -70,7 +77,7 @@ export default class Application extends Component { } return ( -
+
{ this.renderModals() } . */ .status { - background: rgba(25, 75, 125, 1); - color: rgba(255, 255, 255, 1); + background: rgba(255, 175, 0, 0.25); + color: #430; padding: 4em 0 2em 0; display: flex; flex-wrap: wrap; @@ -38,14 +38,16 @@ .byline { font-size: 1.25em; - color: rgba(255, 255, 255, 0.7); + color: #430; + opacity: 0.75; } .heading { text-transform: uppercase; letter-spacing: 0.25em; font-size: 1.5em; - color: rgba(255, 255, 255, 0.7); + color: #430; + opacity: 0.75; } .hero {