PolyculeConnect/polycule-connect
4
0
Fork 0
Code Issues Pull requests Releases Packages 1 Wiki Activity Actions

feat #32: improve approval UI
Some checks failed
ci/woodpecker/push/test Pipeline failed
Details
ci/woodpecker/push/deploy unknown status
Details

Browse source
This commit is contained in:
Melora Hugues 2023-11-04 09:14:41 +01:00
parent 0083624204
commit 93421f6498
2 changed files with 22 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
polyculeconnect/static/style/index.css
View file

@ -63,7 +63,7 @@ body {
.form-buttons { .form-buttons {
display: flex; display: flex;
justify-content: center; justify-content: space-between;
} }
.form-input { .form-input {
@ -91,4 +91,8 @@ body {
.button-accept { .button-accept {
background-color: var(--logo-blue); background-color: var(--logo-blue);
}
.button-cancel {
background-color: var(--logo-pink);
} }

41
polyculeconnect/templates/approval.html
View file

@ -1,10 +1,7 @@
{{ template "header.html" . }} {{ template "header.html" . }}
<div class="theme-panel"> <div class="container">
<h2 class="theme-heading">Grant Access</h2> <div class="container-content">
<hr class="dex-separator">
<div>
{{ if .Scopes }} {{ if .Scopes }}
<div class="dex-subtle-text">{{ .Client }} would like to:</div> <div class="dex-subtle-text">{{ .Client }} would like to:</div>
<ul class="dex-list"> <ul class="dex-list">
@ -18,25 +15,21 @@
</div> </div>
<hr class="dex-separator"> <hr class="dex-separator">
<div> <div class="form-buttons">
<div class="theme-form-row"> <form method="post" class="container-form">
<form method="post"> <input type="hidden" name="req" value="{{ .AuthReqID }}" />
<input type="hidden" name="req" value="{{ .AuthReqID }}" /> <input type="hidden" name="approval" value="approve">
<input type="hidden" name="approval" value="approve"> <button type="submit" class="button button-accept">
<button type="submit" class="dex-btn theme-btn--success"> <span class="dex-btn-text">Grant Access</span>
<span class="dex-btn-text">Grant Access</span> </button>
</button> </form>
</form> <form method="post" class="container-form">
</div> <input type="hidden" name="req" value="{{ .AuthReqID }}" />
<div class="theme-form-row"> <input type="hidden" name="approval" value="rejected">
<form method="post"> <button type="submit" class="button button-cancel">
<input type="hidden" name="req" value="{{ .AuthReqID }}" /> <span class="dex-btn-text">Cancel</span>
<input type="hidden" name="approval" value="rejected"> </button>
<button type="submit" class="dex-btn theme-btn-provider"> </form>
<span class="dex-btn-text">Cancel</span>
</button>
</form>
</div>
</div> </div>
</div> </div>