diff --git a/public/newclient.png b/public/newclient.png new file mode 100644 index 0000000..dbf1d0f Binary files /dev/null and b/public/newclient.png differ diff --git a/public/oldclient-wave.svg b/public/oldclient.svg similarity index 100% rename from public/oldclient-wave.svg rename to public/oldclient.svg diff --git a/src/Background.tsx b/src/Background.tsx index 9a02bfb..a513223 100644 --- a/src/Background.tsx +++ b/src/Background.tsx @@ -14,7 +14,7 @@ function Background() { -
+ +
+
Join with the
+
New Client
+
Start
) diff --git a/src/ButtonOld.tsx b/src/ButtonOld.tsx index fd2d4ba..2a72f1c 100644 --- a/src/ButtonOld.tsx +++ b/src/ButtonOld.tsx @@ -1,12 +1,12 @@ import './buttonOld.scss' -import oldclientWave from '/oldclient-wave.svg' +import oldclientImg from '/oldclient.svg' function ButtonOld() { return (
+
-
JOIN WITH THE
OLD CLIENT
diff --git a/src/buttonNew.scss b/src/buttonNew.scss index a442957..46820eb 100644 --- a/src/buttonNew.scss +++ b/src/buttonNew.scss @@ -7,12 +7,27 @@ background: rgba(9, 150, 236, 1); border-radius: 5px; + color: white; + font-family: 'ProximaNova Bold', Helvetica, Arial, sans-serif; + text-decoration: none; + font-size: 24px; + text-align: center; + display: flex; align-items: center; flex-direction: column; + img { + display: inline; + height: 60%; + margin-top: 30px; + margin-bottom: 30px; + } + .content { flex-grow: 1; + + text-align: center; } } @@ -20,11 +35,7 @@ display: inline-block; user-select: none; - color: white; - font-family: 'ProximaNova Bold', Helvetica, Arial, sans-serif; - text-decoration: none; font-size: 18px; - text-align: center; width: 226px; height: 58px; diff --git a/src/buttonOld.scss b/src/buttonOld.scss index 147835d..5307de9 100644 --- a/src/buttonOld.scss +++ b/src/buttonOld.scss @@ -14,13 +14,10 @@ font-style: italic; text-align: center; - background: linear-gradient(0deg, #016ec1 0%, #0280cd 100%); padding: 5px; - box-shadow: rgba(67, 67, 67, 0.8) 0 0 5px; - .oldclient-inner { border-radius: 25px; // border-radius - border - padding @@ -39,17 +36,16 @@ align-items: center; flex-direction: column; + img { + width: 100%; + height: 60%; + margin-bottom: 30px; + } + .content { flex-grow: 1; text-align: center; - padding: 20px; - - img { - width: 100%; - height: 70%; - margin-bottom: 30px; - } } } } diff --git a/src/buttons.scss b/src/buttons.scss index 8777a93..4dc8c62 100644 --- a/src/buttons.scss +++ b/src/buttons.scss @@ -16,6 +16,8 @@ margin-left: 50px; + box-shadow: rgba(67, 67, 67, 0.8) 0 0 5px; + &:nth-child(0) { margin-left: 0px; }