at-container-registry/pkg/appview/templates/components/modal.html

{{ define "manifest-modal" }}
<dialog class="modal modal-open" data-action="modal-backdrop-close">
    <div class="modal-box bg-base-200">
        <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2" data-action="remove-closest-dialog" aria-label="Close manifest details">✕</button>

        <h2 class="text-xl font-semibold mb-4">Manifest Details</h2>

        <dl class="grid grid-cols-[max-content_1fr] gap-x-6 gap-y-3 text-sm">
            <dt class="text-base-content/70 font-medium">Digest</dt>
            <dd class="font-mono break-all">{{ .Digest }}</dd>

            <dt class="text-base-content/70 font-medium">Media Type</dt>
            <dd class="break-all">{{ .MediaType }}</dd>

            <dt class="text-base-content/70 font-medium">Hold Endpoint</dt>
            <dd class="break-all">{{ .HoldEndpoint }}</dd>

            <dt class="text-base-content/70 font-medium">Created</dt>
            <dd>
                <time datetime="{{ .CreatedAt.Format "2006-01-02T15:04:05Z07:00" }}">
                    {{ .CreatedAt.Format "2006-01-02 15:04:05 MST" }}
                </time>
            </dd>
        </dl>
    </div>
    <form method="dialog" class="modal-backdrop">
        <button data-action="remove-closest-dialog">close</button>
    </form>
</dialog>
{{ end }}