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
25 lines
1.3 KiB
HTML
25 lines
1.3 KiB
HTML
{% extends "base.html" %}
|
|
{% block content %}
|
|
{% include "components/topbar.html" %}
|
|
<div class="flex">
|
|
{% include "components/sidebar.html" %}
|
|
<main class="flex-1 min-w-0 p-4 sm:p-6 lg:p-8 pt-20 lg:ml-64 transition-all duration-300">
|
|
{% if messages %}
|
|
<div class="space-y-2 mb-6">
|
|
{% for message in messages %}
|
|
<div class="flex items-center gap-3 px-4 py-3 rounded-xl text-sm font-medium
|
|
{% if message.tags == 'error' %}bg-red-50 text-red-700 border border-red-200
|
|
{% elif message.tags == 'success' %}bg-green-50 text-green-700 border border-green-200
|
|
{% else %}bg-blue-50 text-blue-700 border border-blue-200{% endif %}">
|
|
<svg class="w-4 h-4 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
|
|
</svg>
|
|
<span>{{ message }}</span>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
{% block content_inner %}{% endblock %}
|
|
</main>
|
|
</div>
|
|
{% endblock %} |