pacnpal/thrillwiki_django_no_react
1
1
Fork 0
mirror of https://github.com/pacnpal/thrillwiki_django_no_react.git synced 2025-12-20 07:31:07 -05:00
Code Issues Packages Projects Releases Wiki Activity

Update dark mode styling for moderation dashboard to match site theme

Browse Source
This commit is contained in:
pacnpal
2024-11-13 18:51:15 +00:00
parent 2e1040e3a6
commit a30f3ef644
1 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
templates/moderation/partials/dashboard_content.html
View File

@@ -1,12 +1,12 @@
{% load static %} {% load static %}
<h1 class="mb-6 text-2xl font-bold text-gray-200">Moderation Dashboard</h1> <h1 class="mb-6 text-2xl font-bold text-gray-900 dark:text-gray-200">Moderation Dashboard</h1>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-center justify-between p-4 bg-gray-900 rounded-lg"> <div class="flex items-center justify-between p-4 bg-white border rounded-lg dark:bg-gray-800 border-gray-200/50 dark:border-gray-700/50">
<div class="flex items-center space-x-4"> <div class="flex items-center space-x-4">
<a href="{% url 'moderation:submission_list' %}?status=NEW" <a href="{% url 'moderation:submission_list' %}?status=NEW"
class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'NEW' or not request.GET.status %}bg-blue-900/40 text-blue-400{% else %}text-gray-400 hover:text-gray-300{% endif %}" class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'NEW' or not request.GET.status %}bg-blue-900/40 text-blue-400{% else %}text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-300{% endif %}"
hx-get="{% url 'moderation:submission_list' %}?status=NEW" hx-get="{% url 'moderation:submission_list' %}?status=NEW"
hx-target="#dashboard-content" hx-target="#dashboard-content"
hx-push-url="true" hx-push-url="true"
@@ -16,7 +16,7 @@
</a> </a>
<a href="{% url 'moderation:submission_list' %}?status=APPROVED" <a href="{% url 'moderation:submission_list' %}?status=APPROVED"
class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'APPROVED' %}bg-blue-900/40 text-blue-400{% else %}text-gray-400 hover:text-gray-300{% endif %}" class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'APPROVED' %}bg-blue-900/40 text-blue-400{% else %}text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-300{% endif %}"
hx-get="{% url 'moderation:submission_list' %}?status=APPROVED" hx-get="{% url 'moderation:submission_list' %}?status=APPROVED"
hx-target="#dashboard-content" hx-target="#dashboard-content"
hx-push-url="true" hx-push-url="true"
@@ -26,7 +26,7 @@
</a> </a>
<a href="{% url 'moderation:submission_list' %}?status=REJECTED" <a href="{% url 'moderation:submission_list' %}?status=REJECTED"
class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'REJECTED' %}bg-blue-900/40 text-blue-400{% else %}text-gray-400 hover:text-gray-300{% endif %}" class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'REJECTED' %}bg-blue-900/40 text-blue-400{% else %}text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-300{% endif %}"
hx-get="{% url 'moderation:submission_list' %}?status=REJECTED" hx-get="{% url 'moderation:submission_list' %}?status=REJECTED"
hx-target="#dashboard-content" hx-target="#dashboard-content"
hx-push-url="true" hx-push-url="true"
@@ -36,7 +36,7 @@
</a> </a>
<a href="{% url 'moderation:submission_list' %}?status=ESCALATED" <a href="{% url 'moderation:submission_list' %}?status=ESCALATED"
class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'ESCALATED' %}bg-blue-900/40 text-blue-400{% else %}text-gray-400 hover:text-gray-300{% endif %}" class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'ESCALATED' %}bg-blue-900/40 text-blue-400{% else %}text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-300{% endif %}"
hx-get="{% url 'moderation:submission_list' %}?status=ESCALATED" hx-get="{% url 'moderation:submission_list' %}?status=ESCALATED"
hx-target="#dashboard-content" hx-target="#dashboard-content"
hx-push-url="true" hx-push-url="true"
@@ -46,7 +46,7 @@
</a> </a>
</div> </div>
<button class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 text-gray-400 hover:text-blue-400 hover:bg-blue-900/40" <button class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 text-gray-600 dark:text-gray-400 hover:text-blue-400 hover:bg-blue-900/40"
hx-get="{{ request.get_full_path }}" hx-get="{{ request.get_full_path }}"
hx-target="#dashboard-content" hx-target="#dashboard-content"
hx-indicator="#loading-indicator"> hx-indicator="#loading-indicator">
@@ -55,7 +55,7 @@
</button> </button>
</div> </div>
<div class="p-6 bg-gray-900 rounded-lg"> <div class="p-6 bg-white border rounded-lg dark:bg-gray-800 border-gray-200/50 dark:border-gray-700/50">
<form class="flex flex-wrap items-end gap-4 mb-6" <form class="flex flex-wrap items-end gap-4 mb-6"
hx-get="{% url 'moderation:submission_list' %}" hx-get="{% url 'moderation:submission_list' %}"
hx-target="#dashboard-content" hx-target="#dashboard-content"
@@ -63,10 +63,10 @@
hx-push-url="true"> hx-push-url="true">
<div class="flex-1 min-w-[200px]"> <div class="flex-1 min-w-[200px]">
<label class="block mb-2 text-sm font-medium text-gray-400"> <label class="block mb-2 text-sm font-medium text-gray-600 dark:text-gray-400">
Submission Type Submission Type
</label> </label>
<select name="submission_type" class="w-full px-3 py-2 text-gray-300 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"> <select name="submission_type" class="w-full px-3 py-2 text-gray-900 bg-white border rounded-lg dark:text-gray-300 dark:bg-gray-800 border-gray-200/50 dark:border-gray-700/50 focus:outline-none focus:ring-2 focus:ring-blue-500">
<option value="">All Submissions</option> <option value="">All Submissions</option>
<option value="text" {% if request.GET.submission_type == 'text' %}selected{% endif %}>Text Submissions</option> <option value="text" {% if request.GET.submission_type == 'text' %}selected{% endif %}>Text Submissions</option>
<option value="photo" {% if request.GET.submission_type == 'photo' %}selected{% endif %}>Photo Submissions</option> <option value="photo" {% if request.GET.submission_type == 'photo' %}selected{% endif %}>Photo Submissions</option>
@@ -74,10 +74,10 @@
</div> </div>
<div class="flex-1 min-w-[200px]"> <div class="flex-1 min-w-[200px]">
<label class="block mb-2 text-sm font-medium text-gray-400"> <label class="block mb-2 text-sm font-medium text-gray-600 dark:text-gray-400">
Type Type
</label> </label>
<select name="type" class="w-full px-3 py-2 text-gray-300 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"> <select name="type" class="w-full px-3 py-2 text-gray-900 bg-white border rounded-lg dark:text-gray-300 dark:bg-gray-800 border-gray-200/50 dark:border-gray-700/50 focus:outline-none focus:ring-2 focus:ring-blue-500">
<option value="">All Types</option> <option value="">All Types</option>
<option value="CREATE" {% if request.GET.type == 'CREATE' %}selected{% endif %}>New Submissions</option> <option value="CREATE" {% if request.GET.type == 'CREATE' %}selected{% endif %}>New Submissions</option>
<option value="EDIT" {% if request.GET.type == 'EDIT' %}selected{% endif %}>Edit Submissions</option> <option value="EDIT" {% if request.GET.type == 'EDIT' %}selected{% endif %}>Edit Submissions</option>
@@ -85,10 +85,10 @@
</div> </div>
<div class="flex-1 min-w-[200px]"> <div class="flex-1 min-w-[200px]">
<label class="block mb-2 text-sm font-medium text-gray-400"> <label class="block mb-2 text-sm font-medium text-gray-600 dark:text-gray-400">
Content Type Content Type
</label> </label>
<select name="content_type" class="w-full px-3 py-2 text-gray-300 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"> <select name="content_type" class="w-full px-3 py-2 text-gray-900 bg-white border rounded-lg dark:text-gray-300 dark:bg-gray-800 border-gray-200/50 dark:border-gray-700/50 focus:outline-none focus:ring-2 focus:ring-blue-500">
<option value="">All Content</option> <option value="">All Content</option>
<option value="park" {% if request.GET.content_type == 'park' %}selected{% endif %}>Parks</option> <option value="park" {% if request.GET.content_type == 'park' %}selected{% endif %}>Parks</option>
<option value="ride" {% if request.GET.content_type == 'ride' %}selected{% endif %}>Rides</option> <option value="ride" {% if request.GET.content_type == 'ride' %}selected{% endif %}>Rides</option>