Sha256: a8a7eca8bf1286252fa853d9afb13feb01ec3c71af9713026f3085890ca78e30
Contents?: true
Size: 1.95 KB
Versions: 7
Compression:
Stored size: 1.95 KB
Contents
<!DOCTYPE html>
<html class="h-full">
<head>
<title>Solid Errors</title>
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<%= render "layouts/solid_errors/style" %>
</head>
<body class="h-full flex flex-col pb-4">
<main class="grow container mx-auto mt-4">
<%= content_for?(:content) ? yield(:content) : yield %>
</main>
<footer class="container mx-auto py-4 mt-24 text-base flex justify-between items-center border-t">
<p>
<code><strong>Solid</strong> <em>Errors</em></code> |
Made by <a href="https://twitter.com/fractaledmind" class="text-blue-500 hover:underline decoration-blue-500">@fractaledmind</a> and <a href="https://github.com/fractaledmind/solid_errors/graphs/contributors" class="text-blue-500 hover:underline decoration-blue-500">friends</a>! Want to help? It's <a href="https://github.com/fractaledmind/solid_errors" class="text-blue-500 hover:underline decoration-blue-500">open source</a>!
</p>
</footer>
<div class="fixed top-0 left-0 right-0 text-center py-2">
<% if notice.present? %>
<p id="notice"
class="py-2 px-3 bg-green-50 text-green-500 font-medium rounded-lg inline-block"
data-controller="fade">
<%= notice %>
</p>
<% end %>
<% if alert.present? %>
<p id="alert"
class="py-2 px-3 bg-red-50 text-red-500 font-medium rounded-lg inline-block"
data-controller="fade">
<%= alert %>
</p>
<% end %>
</div>
<script nonce="<%= content_security_policy_nonce %>">
function fadeOut(element) {
element.classList.add('transition-opacity')
setTimeout(
() => {
element.classList.add('opacity-0')
element.remove()
},
2000
)
}
document.querySelectorAll('[data-controller="fade"]').forEach(element => {
fadeOut(element);
});
</script>
</body>
</html>
Version data entries
7 entries across 7 versions & 1 rubygems