Current section

Files

Jump to
oban_web lib oban web components layouts root.html.heex
Raw

lib/oban/web/components/layouts/root.html.heex

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="csrf-token" content={get_csrf_token()} />
<title>{assigns[:page_title] || "Jobs • Oban"}</title>
<link
href="data:image/png;base64,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"
nonce={@csp_nonces.img}
rel="icon"
type="image/png"
/>
<link rel="stylesheet" nonce={@csp_nonces.style} href={asset_path(@conn, :css)} />
<script nonce={@csp_nonces.script}>
const wantsDark = window.matchMedia("(prefers-color-scheme: dark)").matches
const theme = JSON.parse(localStorage.getItem("oban:theme"));
if (theme === "dark" || (theme === "system" && wantsDark) || (!theme && wantsDark)) {
document.documentElement.classList.add("dark")
} else {
document.documentElement.classList.remove("dark")
}
// Apply sidebar width before page renders to prevent flash
const sidebarWidth = JSON.parse(localStorage.getItem("oban:sidebar_width")) || 320;
document.documentElement.style.setProperty("--sidebar-width", sidebarWidth + "px");
</script>
<script nonce={@csp_nonces.script} src={asset_path(@conn, :js)} defer>
</script>
</head>
<body class="min-h-screen antialiased bg-gray-200 dark:bg-gray-950 text-gray-900 dark:text-gray-100 transition duration-200 ease-out">
{@inner_content}
</body>
</html>