DBENGINE / app /admin /templates /base.html
triflix's picture
Upload 21 files
0c1a3e2 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}SQLite DBaaS{% endblock %}</title>
<!-- Material Design 3 (M3) Web Components -->
<script type="importmap">
{
"imports": {
"@material/web/": "https://esm.run/@material/web/"
}
}
</script>
<script type="module">
// Import all M3 components
import '@material/web/all.js';
// Import typography styles
import {styles as typescaleStyles} from '@material/web/typography/md-typescale-styles.js';
document.adoptedStyleSheets = [typescaleStyles.styleSheet];
</script>
<!-- Google Fonts - Roboto for Material -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
<!-- Material Symbols -->
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet">
<!-- Custom Styles -->
<link rel="stylesheet" href="/static/admin.css">
</head>
<body>
<!-- Navigation Rail / Top App Bar -->
<header class="app-header">
<div class="header-content">
<a href="/admin/dashboard" class="brand">
<span class="material-symbols-outlined brand-icon">database</span>
<span class="brand-text">SQLite DBaaS</span>
</a>
<nav class="nav-links">
<a href="/admin/dashboard" class="nav-item">
<span class="material-symbols-outlined">dashboard</span>
<span>Dashboard</span>
</a>
<a href="/admin/query" class="nav-item">
<span class="material-symbols-outlined">query_stats</span>
<span>Query</span>
</a>
<a href="/admin/backups" class="nav-item">
<span class="material-symbols-outlined">backup</span>
<span>Backups</span>
</a>
</nav>
<div class="header-actions">
<a href="/docs" target="_blank" class="nav-item">
<span class="material-symbols-outlined">description</span>
</a>
</div>
</div>
</header>
<!-- Main Content -->
<main class="main-content">
{% block content %}{% endblock %}
</main>
<!-- FAB for quick actions (optional) -->
{% block fab %}{% endblock %}
</body>
</html>