[UI] Visual restructure of login/register pages

This commit is contained in:
João Brandão 2020-10-19 23:45:48 +01:00 committed by Hugo Sales
parent 5b088dabc2
commit ac480e5018
Signed by: someonewithpc
GPG Key ID: 7D0C7EAFC9D835A0
3 changed files with 146 additions and 2 deletions

View File

@ -64,4 +64,12 @@ form button[type=submit]:focus,
form button[type=submit]:hover { form button[type=submit]:hover {
border-radius: var(--unit-size); border-radius: var(--unit-size);
box-shadow: 0 0px 8px var(--accent); box-shadow: 0 0px 8px var(--accent);
} }
#login-notes {
margin: 0px;
}
#login-main {
border: 0px;
}

View File

@ -60,4 +60,72 @@
</div> </div>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}
{% block body %}
<div class="content">
{% if post_form is defined %}
{{ form_start(post_form) }}
<div class="create-notice">
<div class="target">
<div class="target-top">
{{ form_label(post_form.to) }}
</div>
<div class="target-bot">
{{ form_widget(post_form.to) }}
</div>
</div>
<div class="create-right">
<div class="scope">
{{ form_row(post_form.visibility) }}
</div>
<div class="input-wrapper">
<div class="content-input">
{{ form_row(post_form.content) }}
</div>
</div>
<div class="notice-options">
<div class="attachments">
{{ form_widget(post_form.attachments) }}
<label for="{{ post_form.attachments.vars.id }}">
<svg class="icon icon-attach">
<use xlink:href="#icon-attach"></use>
</svg>
</label>
</div>
<div class="post">
{{ form_row(post_form.post) }}
</div>
</div>
</div>
</div>
{{ form_end(post_form) }}
{% endif %}
<div class="main" id="login-main">
<div class="notes-wrap" id="login-notes">
<nav class='main-nav'>
<ul>
<li>
<a class='hover-effect {{ active('login') }}'>Public</a>
</li>
</ul>
</nav>
<div class="timeline">
<div class="notes">
{% if notes is defined and notes is not empty %}
{% for note in notes %}
{% set id = note.getId() - 1 %}
{% include '/note/view.html.twig' with {'note': note, 'have_user': have_user} only %}
{% endfor %}
{% else %}
<h1>{% trans %}No notes here.{% endtrans %}</h1>
{% endif %}
</div>
</div>
</div>
</div>
</div>
{% endblock body %}
{% block javascripts %}{% endblock %}

View File

@ -37,3 +37,71 @@
</div> </div>
</div> </div>
{% endblock %} {% endblock %}
{% block body %}
<div class="content">
{% if post_form is defined %}
{{ form_start(post_form) }}
<div class="create-notice">
<div class="target">
<div class="target-top">
{{ form_label(post_form.to) }}
</div>
<div class="target-bot">
{{ form_widget(post_form.to) }}
</div>
</div>
<div class="create-right">
<div class="scope">
{{ form_row(post_form.visibility) }}
</div>
<div class="input-wrapper">
<div class="content-input">
{{ form_row(post_form.content) }}
</div>
</div>
<div class="notice-options">
<div class="attachments">
{{ form_widget(post_form.attachments) }}
<label for="{{ post_form.attachments.vars.id }}">
<svg class="icon icon-attach">
<use xlink:href="#icon-attach"></use>
</svg>
</label>
</div>
<div class="post">
{{ form_row(post_form.post) }}
</div>
</div>
</div>
</div>
{{ form_end(post_form) }}
{% endif %}
<div class="main" id="login-main">
<div class="notes-wrap" id="login-notes">
<nav class='main-nav'>
<ul>
<li>
<a class='hover-effect {{ active('register') }}'>Public</a>
</li>
</ul>
</nav>
<div class="timeline">
<div class="notes">
{% if notes is defined and notes is not empty %}
{% for note in notes %}
{% set id = note.getId() - 1 %}
{% include '/note/view.html.twig' with {'note': note, 'have_user': have_user} only %}
{% endfor %}
{% else %}
<h1>{% trans %}No notes here.{% endtrans %}</h1>
{% endif %}
</div>
</div>
</div>
</div>
</div>
{% endblock body %}
{% block javascripts %}{% endblock %}