chiya/lib/chiya_web/components/layouts/root_public.html.heex

46 lines
1.7 KiB
Text
Raw Normal View History

<!DOCTYPE html>
<html lang="en" style="scrollbar-gutter: stable;" data-theme={@settings.theme}>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="csrf-token" content={get_csrf_token()} />
2023-03-23 08:24:13 +01:00
<.live_title suffix={" · #{@settings.title}"}>
<%= assigns[:page_title] || "Home" %>
</.live_title>
2023-03-31 16:58:10 +02:00
2023-03-23 08:24:13 +01:00
<.favicon />
2023-05-20 19:26:58 +02:00
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
<link phx-track-static rel="stylesheet" href={~p"/assets/app.css"} />
2023-03-31 17:33:42 +02:00
<script defer phx-track-static type="text/javascript" src={~p"/assets/public.js"}>
</script>
<script>
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.dataset["mode"] = "dark"
} else {
delete document.documentElement.dataset["mode"]
}
</script>
2023-03-31 16:58:10 +02:00
<style>
<%= @settings.custom_css %>
</style>
</head>
2023-04-07 16:19:56 +02:00
<body class="bg-theme-background antialiased min-h-screen flex flex-col">
2023-04-09 13:57:52 +02:00
<.admin_bar current_user={@current_user} settings={@settings} />
2023-04-07 16:19:56 +02:00
<main class="flex-1">
<%= @inner_content %>
</main>
<footer class="px-4 py-1 sm:px-6 lg:px-8 bg-white/30 dark:bg-black/30 text-gray-900 dark:text-gray-100 text-xs leading-6 font-semibold">
2023-04-10 12:08:19 +02:00
<span class="text-theme-primary">⌘</span> <span>Chiya</span>
<span class="rounded-full bg-theme-primary/10 px-2 text-xs font-medium leading-6 text-theme-primary">
v<%= Application.spec(:chiya, :vsn) %>
</span>
2023-04-07 16:19:56 +02:00
</footer>
2023-03-27 11:53:09 +02:00
2023-03-31 16:58:10 +02:00
<%= raw(@settings.custom_html) %>
2023-04-10 12:08:19 +02:00
</body>
2023-03-31 16:58:10 +02:00
</html>