Skip to content

Commit e74cb5c

Browse files
ItsNotGoodNameItsNotGoodName
committed
feat: update styles
1 parent 55d0583 commit e74cb5c

File tree

5 files changed

+101
-97
lines changed

5 files changed

+101
-97
lines changed

‎web/src/uno.css

+6
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎web/views/attachments.html

+6-6
Original file line numberDiff line numberDiff line change
@@ -87,20 +87,20 @@ <h2>
8787
<nav>
8888
<ul></ul>
8989
<ul>
90-
<li>
90+
<li class="flex">
9191
<a href='/attachments?{{query .Queries "page" .AttachmentsPageResult.Previous }}' role="button" {{if not
92-
.AttachmentsPageResult.HasPrevious}} disabled {{end}}>
93-
Previous
92+
.AttachmentsPageResult.HasPrevious}} disabled {{end}} aria-label="Previous" class="flex flex-items-center">
93+
<div class=" i-ri-arrow-left-double-fill"></div>
9494
</a>
9595
</li>
9696
<li>
9797
<a href="#" role="button" class="outline">{{.AttachmentsPageResult.Page}} /
9898
{{.AttachmentsPageResult.TotalPages}}</a>
9999
</li>
100-
<li>
100+
<li class="flex">
101101
<a href='/attachments?{{query .Queries "page" .AttachmentsPageResult.Next }}' role="button" {{if not
102-
.AttachmentsPageResult.HasNext}} disabled {{end}}>
103-
Next
102+
.AttachmentsPageResult.HasNext}} disabled {{end}} aria-label="Next" class="flex flex-items-center">
103+
<div class="i-ri-arrow-right-double-fill"></div>
104104
</a>
105105
</li>
106106
</ul>

‎web/views/endpoints.html

+46-44
Original file line numberDiff line numberDiff line change
@@ -5,51 +5,53 @@ <h2>Endpoints</h2>
55
{{range $val := .Endpoints}}
66
<article id="endpoint_{{$val.ID}}">
77
<h3>{{$val.Name}}</h3>
8-
<table>
9-
<tbody>
10-
<tr>
11-
<th>
12-
<em data-tooltip="Endpoint was created internally and cannot be modified.">
13-
Internal
14-
</em>
15-
</th>
16-
<td>
17-
<input disabled {{if $val.Internal}}checked{{end}} type="checkbox" role="switch" />
18-
</td>
19-
</tr>
20-
<tr>
21-
<th>Kind</th>
22-
<td>{{$val.Kind}}</td>
23-
</tr>
24-
<tr>
25-
<th>
26-
<em data-tooltip="Do not send attachments to endpoint.">
27-
Attachment Disable
28-
</em>
29-
</th>
30-
<td>
31-
<input {{if $val.Internal}}disabled{{end}} {{if $val.AttachmentDisable}}checked{{end}} type="checkbox"
32-
role="switch" />
33-
</td>
34-
</tr>
35-
<tr>
36-
<th>
37-
<em data-tooltip="Do not send text to endpoint.">
38-
Text Disable
39-
</em>
40-
</th>
41-
<td>
42-
<input {{if $val.Internal}}disabled{{end}} {{if $val.TextDisable}}checked{{end}} type="checkbox"
43-
role="switch" />
44-
</td>
45-
</tr>
46-
</tbody>
47-
</table>
488

49-
<label for="body_template">
50-
Body Template
51-
<textarea id="body_template" rows="4" {{if $val.Internal}}readonly{{end}}>{{$val.BodyTemplate}}</textarea>
52-
</label>
9+
<div class="flex flex-col gap-4">
10+
<div class="flex justify-between gap-2">
11+
<div>
12+
<em data-placement="right" data-tooltip="Endpoint was created internally and cannot be modified.">
13+
Internal
14+
</em>
15+
</div>
16+
<div>
17+
<input disabled {{if $val.Internal}}checked{{end}} type="checkbox" role="switch" />
18+
</div>
19+
</div>
20+
21+
<div class="flex justify-between gap-2">
22+
<div>Kind</div>
23+
<div>{{$val.Kind}}</div>
24+
</div>
25+
26+
<div class="flex justify-between gap-2">
27+
<div>
28+
<em data-placement="right" data-tooltip="Do not send attachments to endpoint.">
29+
Attachment Disable
30+
</em>
31+
</div>
32+
<div>
33+
<input {{if $val.Internal}}disabled{{end}} {{if $val.AttachmentDisable}}checked{{end}} type="checkbox"
34+
role="switch" />
35+
</div>
36+
</div>
37+
38+
<div class="flex justify-between gap-2">
39+
<div>
40+
<em data-placement="right" data-tooltip="Do not send text to endpoint.">
41+
Text Disable
42+
</em>
43+
</div>
44+
<div>
45+
<input {{if $val.Internal}}disabled{{end}} {{if $val.TextDisable}}checked{{end}} type="checkbox"
46+
role="switch" />
47+
</div>
48+
</div>
49+
50+
<label for="body_template">
51+
Body Template
52+
<textarea id="body_template" rows="4" {{if $val.Internal}}readonly{{end}}>{{$val.BodyTemplate}}</textarea>
53+
</label>
54+
</div>
5355

5456
{{if $val.Config}}
5557
<h4>Config</h4>

‎web/views/p/attachment-card.html

+2-3
Original file line numberDiff line numberDiff line change
@@ -9,20 +9,19 @@ <h2>{{.Name}}</h2>
99
<div class="grid mt-2">
1010
{{if .IsImage}}
1111
<div class="flex flex-items-center">
12-
<b>
12+
<b class="break-all">
1313
{{.Name}}
1414
</b>
1515
</div>
1616
{{end}}
1717
<nav>
1818
<ul></ul>
19-
<ul>
19+
<ul class="flex-wrap">
2020
<li>
2121
<a role="button" href="/envelopes/{{.MessageID}}" class="flex flex-items-center gap-2">
2222
<div class="i-ri-mail-fill"></div>Envelope
2323
</a>
2424
</li>
25-
2625
<li>
2726
<a role="button" href="/files/{{.FileName}}" class="flex flex-items-center gap-2">
2827
<div class="i-ri-download-fill">

‎web/views/rules.html

+41-44
Original file line numberDiff line numberDiff line change
@@ -6,53 +6,50 @@ <h2>Rules</h2>
66
<article>
77
<h3>{{$val.Rule.Name}}</h3>
88

9-
<table>
10-
<tbody>
11-
<tr>
12-
<th>
13-
<em data-tooltip="Endpoint was created internally and cannot be modified.">
14-
Internal
15-
</em>
16-
</th>
17-
<td>
18-
<input disabled {{if $val.Rule.Internal}}checked{{end}} type="checkbox" role="switch" />
19-
</td>
20-
</tr>
21-
<tr>
22-
<th>
23-
Enable
24-
</th>
25-
<td>
26-
{{template "p/rule-enable-form" $val.Rule}}
27-
</td>
28-
</tr>
29-
</tbody>
30-
</table>
9+
<div class="flex flex-col gap-4">
10+
<div class="flex justify-between gap-2">
11+
<div>
12+
<em data-placement="right" data-tooltip="Endpoint was created internally and cannot be modified.">
13+
Internal
14+
</em>
15+
</div>
16+
<div>
17+
<input disabled {{if $val.Rule.Internal}}checked{{end}} type="checkbox" role="switch" />
18+
</div>
19+
</div>
20+
<div class="flex justify-between gap-2">
21+
<div>
22+
Enable
23+
</div>
24+
<div>
25+
{{template "p/rule-enable-form" $val.Rule}}
26+
</div>
27+
</div>
3128

32-
<label for="rule-{{$val.Rule.ID}}-expression">
33-
Expression
34-
<textarea id="rule-{{$val.Rule.ID}}-expression" rows="4" {{if
35-
$val.Rule.Internal}}readonly{{end}}>{{$val.Rule.Expression}}</textarea>
36-
</label>
29+
<label for="rule-{{$val.Rule.ID}}-expression">
30+
Expression
31+
<textarea id="rule-{{$val.Rule.ID}}-expression" rows="4" {{if
32+
$val.Rule.Internal}}readonly{{end}}>{{$val.Rule.Expression}}</textarea>
33+
</label>
34+
</div>
3735

3836
<h4>Endpoints</h4>
39-
<table>
40-
<tbody>
41-
{{range $end := $val.Endpoints}}
42-
<tr>
43-
<th>
44-
<a href="/endpoints#endpoint-{{$end.ID}}">
45-
{{$end.Name}}
46-
</a>
47-
</th>
48-
<td>
49-
<input {{if $val.Rule.Internal}}disabled{{end}} {{if $end.Enable}}checked{{end}} type="checkbox"
50-
role="switch" />
51-
</td>
52-
</tr>
53-
{{end}}
54-
</tbody>
55-
</table>
37+
38+
<div class="flex flex-col gap-4">
39+
{{range $end := $val.Endpoints}}
40+
<div class="flex justify-between gap-2">
41+
<div class="text-ellipsis truncate">
42+
<a href="/endpoints#endpoint-{{$end.ID}}">
43+
{{$end.Name}}
44+
</a>
45+
</div>
46+
<div>
47+
<input {{if $val.Rule.Internal}}disabled{{end}} {{if $end.Enable}}checked{{end}} type="checkbox"
48+
role="switch" />
49+
</div>
50+
</div>
51+
{{end}}
52+
</div>
5653
</article>
5754
{{end}}
5855
</main>

0 commit comments

Comments
 (0)