forked from tangled.org/core
this repo has no description

appview: nicer styles for upgrade banner

Signed-off-by: oppiliappan <me@oppi.li>

oppi.li d5d77705 4e5083cd

verified
Changed files
+12 -10
appview
pages
templates
knots
layouts
+3 -3
appview/pages/templates/knots/fragments/bannerRequiresUpgrade.html
···
{{ define "knots/fragments/bannerRequiresUpgrade" }}
-
<div class="prose mx-auto w-96 px-6 py-2 bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200 border border-yellow-200 dark:border-yellow-800 rounded-b drop-shadow-sm">
-
The following knots that you administer require upgrade to be compatible with the latest version of Tangled:
-
<ul>
{{range $i, $r := .Registrations}}
<li>{{ $r.Domain }}</li>
{{ end }}
···
{{ define "knots/fragments/bannerRequiresUpgrade" }}
+
<div class="px-6 py-2">
+
The following knots that you administer will have to be upgraded to be compatible with the latest version of Tangled:
+
<ul class="list-disc mx-12 my-2">
{{range $i, $r := .Registrations}}
<li>{{ $r.Domain }}</li>
{{ end }}
+9
appview/pages/templates/layouts/base.html
···
{{ template "layouts/fragments/footer" . }}
</footer>
{{ end }}
</body>
</html>
{{ end }}
···
{{ template "layouts/fragments/footer" . }}
</footer>
{{ end }}
+
+
{{ if .LoggedInUser }}
+
<div id="upgrade-banner"
+
class="z-50 fixed bottom-0 left-0 right-0 w-full flex justify-center bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200 border border-yellow-200 dark:border-yellow-800 rounded-b drop-shadow-sm"
+
hx-get="/knots/upgradeBanner"
+
hx-trigger="load"
+
hx-swap="innerHTML">
+
</div>
+
{{ end }}
</body>
</html>
{{ end }}
-7
appview/pages/templates/layouts/fragments/topbar.html
···
</div>
</div>
</nav>
-
{{ if .LoggedInUser }}
-
<div id="upgrade-banner"
-
hx-get="/knots/upgradeBanner"
-
hx-trigger="load"
-
hx-swap="innerHTML">
-
</div>
-
{{ end }}
{{ end }}
{{ define "newButton" }}
···
</div>
</div>
</nav>
{{ end }}
{{ define "newButton" }}