- 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
20 lines
1.3 KiB
HTML
20 lines
1.3 KiB
HTML
{% extends "base_authenticated.html" %}
|
|
{% block title %}Delete User{% endblock %}
|
|
{% block content_inner %}
|
|
<div class="max-w-lg mx-auto">
|
|
<div class="card-surface p-6 text-center">
|
|
<div class="w-12 h-12 rounded-full bg-red-100 flex items-center justify-center mx-auto mb-3">
|
|
<svg class="w-6 h-6 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/></svg>
|
|
</div>
|
|
<h1 class="text-base font-semibold text-primary mb-2">Delete User</h1>
|
|
<p class="text-sm text-tertiary mb-5">Are you sure you want to delete <strong>"{{ object.username }}"</strong>?</p>
|
|
<form method="post">
|
|
{% csrf_token %}
|
|
<div class="flex gap-2.5 justify-center">
|
|
<button type="submit" class="px-4 py-2 rounded-lg bg-red-600 text-white text-sm font-medium hover:bg-red-700 transition-colors">Delete</button>
|
|
<a href="{% url 'user_list' %}" class="px-4 py-2 rounded-lg border border-soft text-sm font-medium text-secondary hover:bg-hover transition-colors">Cancel</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{% endblock %} |