Refactor signup page layout and logo positioninguh
This commit is contained in:
@@ -6,10 +6,12 @@
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div id="main">
|
||||
<div class="signup-container d-flex align-items-center justify-content-center">
|
||||
<div style="padding: 10px;min-width:300px;" class="ps-md-4 pe-md-4">
|
||||
<h1>Nexium</h1>
|
||||
<p>2018+ with freedom.</p>
|
||||
<div class="signup-wrapper" style="position:relative;">
|
||||
<!-- logo moved outside the signup card so it can overlap/escape the container -->
|
||||
<img src="/static/img/LoginLogo.png" alt="NEXIUM" class="logo-outside d-none d-lg-block" />
|
||||
<div class="signup-container d-flex align-items-center justify-content-center">
|
||||
<div style="padding: 10px;min-width:300px;" class="ps-md-4 pe-md-4">
|
||||
<p class="signup-subtitle">2018+ with freedom.</p>
|
||||
{% with messages = get_flashed_messages() %}
|
||||
{% if messages %}
|
||||
<div>
|
||||
@@ -44,4 +46,4 @@
|
||||
<img style="aspect-ratio: 7/4;min-height: 400px;max-height: 550px;" class="d-lg-block d-none" src="/static/img/LoginImage2.png" alt="Signup Image">
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user