nidus-sync/sync/template/authenticated.html
Eli Ribble aa3e22d814
Make sidebar collapse centered and overlapping
Fix some styling stuff that was being done via JavaScript that can be
done via selectors.
2026-01-29 14:56:02 +00:00

34 lines
1.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{template "title" .}} - Nidus Sync</title>
<!-- Bootstrap CSS -->
<link href="/static/css/bootstrap.css" rel="stylesheet">
<!-- Fontawesome Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<!-- favicon -->
<link rel="icon" href="/static/favicon.ico" type="image/x-icon"/>
{{block "extraheader" .}} {{end}}
</head>
<body>
{{template "icons"}}
<div class="d-flex">
{{if .User}}
{{template "sidebar" .User}}
{{end}}
</div>
{{template "content" .}}
<script src="/static/vendor/js/bootstrap.bundle.min.js"></script>
<script>
document.getElementById('sidebarToggle').addEventListener('click', function() {
document.getElementById('sidebar').classList.toggle('collapsed');
document.getElementById('content').classList.toggle('expanded');
});
</script>
</body>
</html>