Puts sections into boxes on site page

This commit is contained in:
Mouse Reeve 2021-09-28 13:02:09 -07:00
parent 6c73c94fce
commit b3fdd1ad51
2 changed files with 80 additions and 75 deletions

View file

@ -62,7 +62,7 @@
</div> </div>
</section> </section>
<hr /> <hr aria-hidden="true">
<section class="block" id="display-preferences"> <section class="block" id="display-preferences">
<h2 class="title is-4">{% trans "Display preferences" %}</h2> <h2 class="title is-4">{% trans "Display preferences" %}</h2>
@ -94,7 +94,7 @@
</div> </div>
</section> </section>
<hr /> <hr aria-hidden="true">
<section class="block" id="privacy"> <section class="block" id="privacy">
<h2 class="title is-4">{% trans "Privacy" %}</h2> <h2 class="title is-4">{% trans "Privacy" %}</h2>

View file

@ -15,35 +15,36 @@
{% endblock %} {% endblock %}
{% block panel %} {% block panel %}
<form action="{% url 'settings-site' %}" method="POST" class="content" enctype="multipart/form-data"> <form action="{% url 'settings-site' %}" method="POST" class="content" enctype="multipart/form-data">
{% csrf_token %} {% csrf_token %}
<section class="block" id="instance_info"> <section class="block" id="instance_info">
<h2 class="title is-4">{% trans "Instance Info" %}</h2> <h2 class="title is-4">{% trans "Instance Info" %}</h2>
<div class="field"> <div class="box">
<label class="label" for="id_name">{% trans "Instance Name:" %}</label> <div class="field">
{{ site_form.name }} <label class="label" for="id_name">{% trans "Instance Name:" %}</label>
</div> {{ site_form.name }}
<div class="field"> </div>
<label class="label" for="id_instance_tagline">{% trans "Tagline:" %}</label> <div class="field">
{{ site_form.instance_tagline }} <label class="label" for="id_instance_tagline">{% trans "Tagline:" %}</label>
</div> {{ site_form.instance_tagline }}
<div class="field"> </div>
<label class="label" for="id_instance_description">{% trans "Instance description:" %}</label> <div class="field">
{{ site_form.instance_description }} <label class="label" for="id_instance_description">{% trans "Instance description:" %}</label>
</div> {{ site_form.instance_description }}
<div class="field"> </div>
<label class="label mb-0" for="id_short_description">{% trans "Short description:" %}</label> <div class="field">
<p class="help">{% trans "Used when the instance is previewed on joinbookwyrm.com. Does not support html or markdown." %}</p> <label class="label mb-0" for="id_short_description">{% trans "Short description:" %}</label>
{{ site_form.instance_short_description }} <p class="help">{% trans "Used when the instance is previewed on joinbookwyrm.com. Does not support html or markdown." %}</p>
</div> {{ site_form.instance_short_description }}
<div class="field"> </div>
<label class="label" for="id_code_of_conduct">{% trans "Code of conduct:" %}</label> <div class="field">
{{ site_form.code_of_conduct }} <label class="label" for="id_code_of_conduct">{% trans "Code of conduct:" %}</label>
</div> {{ site_form.code_of_conduct }}
<div class="field"> </div>
<label class="label" for="id_privacy_policy">{% trans "Privacy Policy:" %}</label> <div class="field">
{{ site_form.privacy_policy }} <label class="label" for="id_privacy_policy">{% trans "Privacy Policy:" %}</label>
{{ site_form.privacy_policy }}
</div>
</div> </div>
</section> </section>
@ -51,16 +52,16 @@
<section class="block" id="images"> <section class="block" id="images">
<h2 class="title is-4">{% trans "Images" %}</h2> <h2 class="title is-4">{% trans "Images" %}</h2>
<div class="columns"> <div class="box is-flex">
<div class="column"> <div>
<label class="label" for="id_logo">{% trans "Logo:" %}</label> <label class="label" for="id_logo">{% trans "Logo:" %}</label>
{{ site_form.logo }} {{ site_form.logo }}
</div> </div>
<div class="column"> <div>
<label class="label" for="id_logo_small">{% trans "Logo small:" %}</label> <label class="label" for="id_logo_small">{% trans "Logo small:" %}</label>
{{ site_form.logo_small }} {{ site_form.logo_small }}
</div> </div>
<div class="column"> <div>
<label class="label" for="id_favicon">{% trans "Favicon:" %}</label> <label class="label" for="id_favicon">{% trans "Favicon:" %}</label>
{{ site_form.favicon }} {{ site_form.favicon }}
</div> </div>
@ -71,21 +72,23 @@
<section class="block" id="footer"> <section class="block" id="footer">
<h2 class="title is-4">{% trans "Footer Content" %}</h2> <h2 class="title is-4">{% trans "Footer Content" %}</h2>
<div class="field"> <div class="box">
<label class="label" for="id_support_link">{% trans "Support link:" %}</label> <div class="field">
<input type="text" name="support_link" maxlength="255" class="input" id="id_support_link" placeholder="https://www.patreon.com/bookwyrm"{% if site.support_link %} value="{{ site.support_link }}"{% endif %}> <label class="label" for="id_support_link">{% trans "Support link:" %}</label>
</div> <input type="text" name="support_link" maxlength="255" class="input" id="id_support_link" placeholder="https://www.patreon.com/bookwyrm"{% if site.support_link %} value="{{ site.support_link }}"{% endif %}>
<div class="field"> </div>
<label class="label" for="id_support_title">{% trans "Support title:" %}</label> <div class="field">
<input type="text" name="support_title" maxlength="100" class="input" id="id_support_title" placeholder="Patreon"{% if site.support_title %} value="{{ site.support_title }}"{% endif %}> <label class="label" for="id_support_title">{% trans "Support title:" %}</label>
</div> <input type="text" name="support_title" maxlength="100" class="input" id="id_support_title" placeholder="Patreon"{% if site.support_title %} value="{{ site.support_title }}"{% endif %}>
<div class="field"> </div>
<label class="label" for="id_admin_email">{% trans "Admin email:" %}</label> <div class="field">
{{ site_form.admin_email }} <label class="label" for="id_admin_email">{% trans "Admin email:" %}</label>
</div> {{ site_form.admin_email }}
<div class="field"> </div>
<label class="label" for="id_footer_item">{% trans "Additional info:" %}</label> <div class="field">
{{ site_form.footer_item }} <label class="label" for="id_footer_item">{% trans "Additional info:" %}</label>
{{ site_form.footer_item }}
</div>
</div> </div>
</section> </section>
@ -93,35 +96,37 @@
<section class="block" id="registration"> <section class="block" id="registration">
<h2 class="title is-4">{% trans "Registration" %}</h2> <h2 class="title is-4">{% trans "Registration" %}</h2>
<div class="field"> <div class="box">
<label class="label" for="id_allow_registration"> <div class="field">
{{ site_form.allow_registration }} <label class="label" for="id_allow_registration">
{% trans "Allow registration" %} {{ site_form.allow_registration }}
</label> {% trans "Allow registration" %}
</div> </label>
<div class="field"> </div>
<label class="label" for="id_allow_invite_requests"> <div class="field">
{{ site_form.allow_invite_requests }} <label class="label" for="id_allow_invite_requests">
{% trans "Allow invite requests" %} {{ site_form.allow_invite_requests }}
</label> {% trans "Allow invite requests" %}
</div> </label>
<div class="field"> </div>
<label class="label mb-0" for="id_allow_invite_requests"> <div class="field">
{{ site_form.require_confirm_email }} <label class="label mb-0" for="id_require_confirm_email">
{% trans "Require users to confirm email address" %} {{ site_form.require_confirm_email }}
</label> {% trans "Require users to confirm email address" %}
<p class="help">{% trans "(Recommended if registration is open)" %}</p> </label>
</div> <p class="help">{% trans "(Recommended if registration is open)" %}</p>
<div class="field"> </div>
<label class="label" for="id_registration_closed_text">{% trans "Registration closed text:" %}</label> <div class="field">
{{ site_form.registration_closed_text }} <label class="label" for="id_registration_closed_text">{% trans "Registration closed text:" %}</label>
</div> {{ site_form.registration_closed_text }}
<div class="field"> </div>
<label class="label" for="id_invite_request_text">{% trans "Invite request text:" %}</label> <div class="field">
{{ site_form.invite_request_text }} <label class="label" for="id_invite_request_text">{% trans "Invite request text:" %}</label>
{% for error in site_form.invite_request_text.errors %} {{ site_form.invite_request_text }}
<p class="help is-danger">{{ error|escape }}</p> {% for error in site_form.invite_request_text.errors %}
{% endfor %} <p class="help is-danger">{{ error|escape }}</p>
{% endfor %}
</div>
</div> </div>
</section> </section>