LBRYFoundation/lbry.com
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry.com.git synced 2025-08-23 17:47:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added styling to verification page

Browse source
This commit is contained in:
Liam Cardenas 2017-12-22 15:23:22 -08:00
parent d5687f47ee
commit 5fc3a48e09
2 changed files with 19 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
view/template/acquisition/verify.php
View file

@ -24,14 +24,17 @@
</script> </script>
</head> </head>
<body> <body>
<h1>Almost Done!</h1> <div style="display: flex; align-items: center; flex-direction: column;" class="text-center">
<p>Click the captcha to continue...</p> <img src="/img/lbry-dark-1600x528.png" style="max-height: 80px; margin-top: 50px;" alt="LBRY"/>
<div class="g-recaptcha" data-sitekey="6LcG_z0UAAAAAKBPDBhiJU_jI9cRNRiJwcUHq95u" data-callback="verifyCallback" data-expired-callback="expiredCallback"></div> <h1>Almost Done!</h1>
<div id="success"> <p>Click the captcha to continue...</p>
<p>Now click the magic link below to verify your identity in app...</p> <div class="g-recaptcha" data-sitekey="6LcG_z0UAAAAAKBPDBhiJU_jI9cRNRiJwcUHq95u" data-callback="verifyCallback" data-expired-callback="expiredCallback"></div>
<button onclick="location.href=magicLink">Magic Link</button> <div style="display: none; margin-top: 10px;" id="success">
<p>Does the magic link not work? Not on the same device as the app? Paste this text into the verification screen instead.</p> <p>Now click the magic link below to verify your identity in app...</p>
<div class="tooltip"><span class="tooltiptext">Copied!</span><div id="magic-link-text"></div></div> <a class="btn-primary btn-large spacer1" onclick="location.href=magicLink">Magic Link</a>
<p><i>Does the magic link not work? Not on the same device as the app? Paste this text into the verification screen instead.</i></p>
<code class="multiline-code" id="magic-link-text"></code>
</div>
</div> </div>
</body> </body>
</html> </html>

10
web/scss/_code.scss
View file

@ -30,7 +30,7 @@ pre
overflow-x: auto; overflow-x: auto;
} }
.code-bash .multiline-code
{ {
-webkit-user-select: text; -webkit-user-select: text;
-moz-user-select: text; -moz-user-select: text;
@ -47,10 +47,14 @@ pre
display: block; display: block;
word-wrap: break-word; word-wrap: break-word;
font-size: 0.75em;
}
.code-bash
{
@extend .multiline-code;
background: #222; background: #222;
color: #fff; color: #fff;
font-size: 0.75em;
} }
.code-bash__response { .code-bash__response {