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 {