PeachCloud/peach-workspace
3
2
Fork 1
Code Issues 17 Pull Requests 1 Projects Releases Wiki Activity

change form width for better mobile styling

Browse Source
This commit is contained in:
glyph
2022-02-02 14:49:14 +02:00
parent f0d972f46b
commit 33604ac0dc
2 changed files with 29 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
peach-web/static/css/peachcloud.css
View File

@ -15,6 +15,7 @@
* - HTML * - HTML
* - FLASH MESSAGE * - FLASH MESSAGE
* - FONTS * - FONTS
* - FORMS
* - ICONS * - ICONS
* - INPUTS * - INPUTS
* - LABELS * - LABELS
@ -596,6 +597,20 @@ html {
color: var(--danger); color: var(--danger);
} }
/*
* FORMS
*/
form {
width: 90%;
}
@media only screen and (min-width: 600px) {
form {
width: 100%;
}
}
/* /*
* ICONS * ICONS
*/ */

2
peach-web/templates/settings/admin/change_password.html.tera
View File

@ -2,7 +2,6 @@
{%- block card %} {%- block card %}
<!-- CHANGE PASSWORD FORM --> <!-- CHANGE PASSWORD FORM -->
<div class="card center"> <div class="card center">
<div class="form-container">
<form id="changePassword" action="/settings/admin/change_password" method="post"> <form id="changePassword" action="/settings/admin/change_password" method="post">
<!-- input for current password --> <!-- input for current password -->
<input id="currentPassword" class="center input" name="current_password" type="password" placeholder="Current password" title="Current password" autofocus> <input id="currentPassword" class="center input" name="current_password" type="password" placeholder="Current password" title="Current password" autofocus>
@ -18,5 +17,4 @@
<!-- FLASH MESSAGE --> <!-- FLASH MESSAGE -->
{% include "snippets/flash_message" %} {% include "snippets/flash_message" %}
</div> </div>
</div>
{%- endblock card -%} {%- endblock card -%}