style: enhance custom images widget with theme-based colors
All checks were successful
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 8s

This commit is contained in:
geezo 2025-05-12 16:03:10 -04:00
parent 6bfddc1f6d
commit 14082d8d48

View File

@ -98,12 +98,12 @@ pages:
<ul class="list list-gap-10 collapsible-container" data-collapse-after="5">
{{ range .JSON.Array "images" }}
{{ if .Bool "result.has_update" }}
<li>
<strong>Image:</strong> <a href="{{ .String "url" }}">{{ .String "reference" }}</a>
<ul class="list-horizontal-text">
<li><strong>Current:</strong> {{ .String "result.info.current_version" }}</li>
<li><strong>New:</strong> {{ .String "result.info.new_version" }}</li>
<li><strong>Type:</strong> {{ .String "result.info.version_update_type"}}</li>
<li style="background-color: rgba(222, 71, 75, 0.1); padding: 10px; border-radius: 5px; margin-bottom: 8px;">
<strong style="color: rgb(222, 71, 75);">Image:</strong> <a href="{{ .String "url" }}" style="color: rgb(190, 45, 20); text-decoration: none;">{{ .String "reference" }}</a>
<ul class="list-horizontal-text" style="margin-top: 5px;">
<li style="color: rgb(220, 50, 11);"><strong>Current:</strong> {{ .String "result.info.current_version" }}</li>
<li style="color: rgb(190, 45, 20);"><strong>New:</strong> {{ .String "result.info.new_version" }}</li>
<li style="color: rgb(222, 71, 75);"><strong>Type:</strong> {{ .String "result.info.version_update_type"}}</li>
</ul>
</li>
{{ end }}