sqlpage/templates/shell-custom.handlebars
<!DOCTYPE html>
<html lang="{{language}}" style="font-size: {{default font_size 18}}px" {{#if class}}class="{{class}}" {{/if}}>
<head>
<meta charset="utf-8" />
<!-- Base CSS -->
<link rel="stylesheet" href="{{static_path 'sqlpage.css'}}">
<style>
.py-4 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
header .py-4 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
header .w-6 {
height: 1.5rem !important;
}
header .h-6 {
height: 1.5rem !important;
}
header .space-x-8 {
display: flex;
gap: 0rem !important;
}
footer .pt-6 {
padding-top: 1.5rem !important;
}
footer .pt-8 {
padding-top: 2rem !important;
}
footer .px-4 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
footer .mt-4 {
padding-top: 1rem !important;
}
:is(.dark .dark:bg-gray-900) {
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important;
}
:is(.dark .dark:border-gray-600) {
--tw-border-opacity: 1;
border-color: rgb(75 85 99 / var(--tw-border-opacity)) !important;
}
</style>
{{#each (to_array css)}}
{{#if this}}
<link rel="stylesheet" href="{{this}}">
{{/if}}
{{/each}}
<!-- Font Setup -->
{{#if font}}
{{#if (starts_with font "/")}}
<style>
@font-face {
font-family: 'LocalFont';
src: url('{{font}}') format('woff2');
font-weight: normal;
font-style: normal;
}
:root {
--tblr-font-sans-serif: 'LocalFont', Arial, sans-serif;
}
</style>
{{else}}
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family={{font}}&display=fallback">
<style>
:root {
--tblr-font-sans-serif: '{{font}}', Arial, sans-serif;
}
</style>
{{/if}}
{{/if}}
<!-- JavaScript -->
<script src="{{static_path 'sqlpage.js'}}" defer nonce="{{@csp_nonce}}"></script>
{{#each (to_array javascript)}}
{{#if this}}
<script src="{{this}}" defer nonce="{{@../csp_nonce}}"></script>
{{/if}}
{{/each}}
{{#each (to_array javascript_module)}}
{{#if this}}
<script src="{{this}}" type="module" defer nonce="{{@../csp_nonce}}"></script>
{{/if}}
{{/each}}
</head>
<body class="layout-{{#if sidebar}}fluid{{else}}{{default layout 'boxed'}}{{/if}}" {{#if theme}}data-bs-theme="{{theme}}" {{/if}}>
<div class="page">
<!-- Header -->
<!-- Page Wrapper -->
<div class="page-wrapper">
<main class="page-body w-full flex-grow-1 px-0" id="sqlpage_main_wrapper">
{{~#each_row~}}{{~/each_row~}}
</main>
</div>
</div>
</body>
</html>;