mirror of
https://github.com/simple-login/app.git
synced 2024-11-16 00:48:32 +01:00
better UI for custom alias page
This commit is contained in:
parent
4e6922adad
commit
2412658a3e
1 changed files with 12 additions and 7 deletions
|
@ -22,15 +22,15 @@
|
||||||
<label class="form-label font-weight-bold">With SimpleLogin domain</label>
|
<label class="form-label font-weight-bold">With SimpleLogin domain</label>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<div class="row mt-4">
|
<div class="row">
|
||||||
<div class="col pr-1">
|
<div class="col-sm-6 pr-1 pl-0 mb-1" style="min-width: 5em">
|
||||||
<input name="email-prefix" class="form-control"
|
<input name="email-prefix" class="form-control"
|
||||||
pattern="[0-9|A-Z|a-z|-|_]{1,}"
|
pattern="[0-9|A-Z|a-z|-|_]{1,}"
|
||||||
title="Only letter, number, dash (-), underscore (_) can be used in alias prefix."
|
title="Only letter, number, dash (-), underscore (_) can be used in alias prefix."
|
||||||
placeholder="alias prefix"
|
placeholder="email alias"
|
||||||
autofocus required>
|
autofocus required>
|
||||||
</div>
|
</div>
|
||||||
<div class="col align-self-center p-0" style="height:1.5rem">
|
<div class="col-sm-6 align-self-center p-0" style="height:1.5rem">
|
||||||
<input type="hidden" name="email-suffix" value="{{ email_suffix }}">
|
<input type="hidden" name="email-suffix" value="{{ email_suffix }}">
|
||||||
<h4>
|
<h4>
|
||||||
.{{ email_suffix }}@{{ EMAIL_DOMAIN }}
|
.{{ email_suffix }}@{{ EMAIL_DOMAIN }}
|
||||||
|
@ -38,11 +38,16 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
<div class="small-text">
|
<div class="small-text">
|
||||||
You can use letter, number or dash. Alias cannot be empty.
|
You can use letter, number or dash. Alias cannot be empty.
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<button class="btn btn-primary mt-1">Create</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
<button class="btn btn-primary">Create</button>
|
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue