From 55c957014dbc0e83cb200e24b889a05dfebe5239 Mon Sep 17 00:00:00 2001 From: Nuno Nogueira Date: Fri, 22 Dec 2017 22:49:34 +0000 Subject: [PATCH] refactor: finish 'Next step' page layout with tachyons. --- add-on/src/landing-pages/next-step.html | 29 +++++++++++++++---------- add-on/src/landing-pages/style.css | 17 +++++++++++++++ 2 files changed, 34 insertions(+), 12 deletions(-) diff --git a/add-on/src/landing-pages/next-step.html b/add-on/src/landing-pages/next-step.html index 9b1f42e86..45dbf3a08 100644 --- a/add-on/src/landing-pages/next-step.html +++ b/add-on/src/landing-pages/next-step.html @@ -7,18 +7,23 @@ - - -
-
-

Thank you for installing IPFS Companion!

- IPFS Network -

You still need to install the client application to connect to the IPFS network.

- Install IPFS Station - Or alternatively download the standalone IPFS client + +
+
+
+ +

Almost there!

+
+ +
+

+ Thank you for installing IPFS Companion! +

+

+ You still need to install the client application to connect to the IPFS network. +

+ Install IPFS Station +
diff --git a/add-on/src/landing-pages/style.css b/add-on/src/landing-pages/style.css index 3db7f23f6..7038805fb 100644 --- a/add-on/src/landing-pages/style.css +++ b/add-on/src/landing-pages/style.css @@ -4,6 +4,14 @@ background: linear-gradient(to top, #041727 0%, #043b55 100%); } +#main { + background: linear-gradient(to top, #041727 0%, #043b55 100%); + height: 100%; + margin: 0; + background-repeat: no-repeat; + background-attachment: fixed; +} + .logo { height: 80px; width: 80px; @@ -20,3 +28,12 @@ .app-item img { height: 80px; } + +#btn-install { + background-color: #6ACAD1; +} + +#btn-install:hover { + margin-top: -1px; +} +