Fix signup overflowing on mobile, and related.

pull/38/head
Snakes 2022-12-02 18:32:31 -05:00
parent 3907a2f25f
commit 64de53e9a9
Signed by: Snakes
GPG Key ID: E745A82778055C7E
3 changed files with 38 additions and 2 deletions

View File

@ -1985,6 +1985,9 @@ button.close {
.align-middle {
vertical-align: middle !important;
}
.bg-background {
background-color: var(--background);
}
.bg-primary {
background-color: var(--primary) !important;
}
@ -3948,7 +3951,7 @@ ul.comment-section {
#login {
padding-top: 0;
height: 100%;
overflow: hidden;
overflow-x: hidden;
background-color: var(--light);
}
.splash-wrapper {

View File

@ -10,7 +10,7 @@
{% block body %}
<div class="container-fluid position-absolute h-100 p-0">
<div class="row no-gutters h-100">
<div class="col-12 col-md-6 my-auto p-3">
<div class="col-12 col-md-6 my-auto p-3 bg-background">
<div class="row justify-content-center">
<div class="col-10 col-md-7">
<h2>{% block authtitle %}{% endblock %}</h2>

View File

@ -26,6 +26,39 @@
{% block content %}
<div id="register-form">
{% if not ref_user and SITE_NAME == 'rDrama' and site_settings['login_required'] %}
<img id="logo" alt="logo" src="{{'logo.webp' | asset_siteimg}}" width=70>
<hr>
<p class="text-muted text-justify mb-3" style="line-height: 1.2em">
Hiiiiii its your favorite user Carp! Were currently on <span style="font-variant-caps: small-caps;">Login Required</span> mode for one of a few reasons:
</p>
<ol style="padding-left: 1.5em">
<li>The site is running really slowly and we think it might be miscreants up to no good, or</li>
<li>Its our monthly 24 hours of login-required-mode to encourage lovely lurkers to become lovely new friends of ours, or</li>
<li>Someone clicked the toggle by mistake lol oops sorry!</li>
</ol>
<p class="text-muted text-justify mb-1" style="line-height: 1.2em">
But thats all fine. Signing up is easy. It takes literally like 4 seconds if youre slow. You dont even need an email! Just pick a username, make up some neat new password where you replace all the es with 3s or whatever and bam, done, youre in.<br>
Remember to click “Follow” on my profile!
</p>
<p class="text-muted mb-md-2">
I love you.<br>
<em>xoxo carp</em> 💋
</p>
<hr>
{% elif not ref_user and SITE_NAME == 'WPD' and site_settings['login_required'] %}
<img id="logo" alt="logo" src="{{'logo.webp' | asset_siteimg}}" width=70>
<hr>
<p class="text-muted text-justify mb-1" style="line-height: 1.2em">
<strong>Hi you!</strong> &mdash; <span style="font-variant-caps: small-caps;">watchpeopledie.tv</span> is currently doing our monthly 24(ish) hours of "everyone needs to have an account" &mdash; sorry about that! But making an account is actually super easy. <strong>You don't even need an email address!</strong> Literally just pick a username, set a password, and that's that. Bam, done, like 8 seconds, tops.<br>
</p>
<p class="text-muted mb-md-2">
We WANT you with us &#128150;<br>
Please join!
</p>
<hr>
{% endif %}
<form action="/signup" method="post" class="mt-md-3" id="signup">
{% if error %}<div class="text-danger mb-2">{{error}}</div>{% endif %}