sankalp
0537ea5e5e
- Add custom border, background, and spacing utilities to base template - Enhance message notification styling and layout - Update delete modal button appearance and behavior - Refine comment card component with Tailwind classes and responsive behavior - Adjust sidebar responsiveness for mobile view
59 lines
2.4 KiB
HTML
59 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" data-theme="light">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% block title %}ProMan{% endblock %}</title>
|
|
<script src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
|
|
<script src="https://unpkg.com/htmx.org@1.9.12"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.0/Sortable.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde@2.18.0/dist/easymde.min.css">
|
|
<script src="https://cdn.jsdelivr.net/npm/easymde@2.18.0/dist/easymde.min.js"></script>
|
|
<link href="https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.snow.css" rel="stylesheet">
|
|
<script src="https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.min.js"></script>
|
|
{% load static tailwind_cli %}
|
|
{% tailwind_css %}
|
|
<style>
|
|
[x-cloak] { display: none !important; }
|
|
|
|
.border-subtle { border-color: rgba(0,0,0,0.06); }
|
|
.border-soft { border-color: rgba(0,0,0,0.10); }
|
|
.border-emphasis { border-color: rgba(0,0,0,0.18); }
|
|
|
|
.bg-canvas { background-color: #f6f8fa; }
|
|
.bg-elevated { background-color: #ffffff; }
|
|
.bg-hover { background-color: rgba(0,0,0,0.03); }
|
|
|
|
.stat-card {
|
|
background: #fff;
|
|
border: 1px solid rgba(0,0,0,0.06);
|
|
border-radius: 12px;
|
|
padding: 20px;
|
|
transition: border-color 0.15s;
|
|
}
|
|
.stat-card:hover { border-color: rgba(59,130,246,0.25); }
|
|
|
|
.card-surface {
|
|
background: #fff;
|
|
border: 1px solid rgba(0,0,0,0.06);
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.text-primary { color: #0b1c33; }
|
|
.text-secondary { color: #3c4a5c; }
|
|
.text-tertiary { color: #6b7a8e; }
|
|
.text-muted { color: #9ca3af; }
|
|
|
|
@media (max-width: 1023px) {
|
|
.sidebar-mobile { transform: translateX(-100%); }
|
|
.sidebar-mobile.mobile-open { transform: translateX(0); }
|
|
}
|
|
</style>
|
|
{% block extra_head %}{% endblock %}
|
|
</head>
|
|
<body class="min-h-screen bg-canvas antialiased" x-data="{ sidebarOpen: false }">
|
|
{% block content %}{% endblock %}
|
|
{% block extra_scripts %}{% endblock %}
|
|
</body>
|
|
</html> |