formatting

This commit is contained in:
2025-11-07 09:05:00 -08:00
parent 0022bb5abe
commit 0fa2f3a834

View File

@@ -1,10 +1,10 @@
{% extends 'base.html' %} {% extends 'base.html' %}
{% block content %} {% block content %}
<div class="h-[90vh] flex flex-col"> <div class="h-[80vh] flex flex-col m-4">
<h1 class="text-xl font-semibold mb-4">Projects for {{ case_email }}</h1> <h1 class="text-xl font-semibold mb-4">Projects for {{ case_email }}</h1>
<div class="m-4 w-full flex-grow overflow-scroll"> <div class="m-4 w-full flex-grow overflow-scroll rounded-2xl overflow-hidden">
<table class="w-full whitespace-nowrap"> <table class="w-full whitespace-nowrap shadow-md border border-slate-200">
<thead class="bg-slate-100 text-left text-sm sticky top-0 z-10"> <thead class="bg-gradient-to-r from-blue-600 to-blue-700 text-left text-sm sticky top-0 z-10 border-b border-blue-800 text-white font-medium">
<tr> <tr>
<th class="px-4 py-3">Matter Num</th> <th class="px-4 py-3">Matter Num</th>
<th class="px-4 py-3">Client / Property</th> <th class="px-4 py-3">Client / Property</th>
@@ -57,20 +57,20 @@
<th class="px-4 py-3">Costs</th> <th class="px-4 py-3">Costs</th>
</tr> </tr>
</thead> </thead>
<tbody class="divide-y"> <tbody class="bg-slate-100 divide-y divide-slate-300">
{% for r in rows %} {% for r in rows %}
<tr class="hover:bg-slate-50"> <tr class="hover:bg-slate-200 transition-colors duration-150 ease-in-out">
<td class="px-4 py-3 text-sm"></td> <td class="px-4 py-3 text-sm text-slate-800"></td>
<td class="px-4 py-3 text-sm">{{ r.client }}</td> <td class="px-4 py-3 text-sm text-slate-800">{{ r.client }}</td>
<td class="px-4 py-3 text-sm">{{ r.matter_description }}</td> <td class="px-4 py-3 text-sm text-slate-800">{{ r.matter_description }}</td>
<td class="px-4 py-3 text-sm">{{ r.defendant_1 }}</td> <td class="px-4 py-3 text-sm text-slate-800">{{ r.defendant_1 }}</td>
<td class="px-4 py-3 text-sm">{{ r.matter_open }}</td> <td class="px-4 py-3 text-sm text-slate-800">{{ r.matter_open }}</td>
<td class="px-4 py-3 text-sm"></td> <td class="px-4 py-3 text-sm text-slate-800"></td>
<td class="px-4 py-3 text-sm">{{ r.notice_type }}</td> <td class="px-4 py-3 text-sm text-slate-800">{{ r.notice_type }}</td>
<td class="px-4 py-3 text-sm">{{ r.case_number }}</td> <td class="px-4 py-3 text-sm text-slate-800">{{ r.case_number }}</td>
<td class="px-4 py-3 text-sm">{{ r.premises_address }}</td> <td class="px-4 py-3 text-sm text-slate-800">{{ r.premises_address }}</td>
<td class="px-4 py-3 text-sm">{{ r.premises_city }}</td> <td class="px-4 py-3 text-sm text-slate-800">{{ r.premises_city }}</td>
<td class="px-4 py-3 text-sm"> <td class="px-4 py-3 text-sm text-slate-800">
{{ r.responsible_attorney }} {{ r.responsible_attorney }}
</td> </td>
<td class="px-4 py-3 text-sm"> <td class="px-4 py-3 text-sm">
@@ -83,7 +83,7 @@
{% if r.documents_url %} {% if r.documents_url %}
<a href="{{ r.documents_url }}">Documents</a> <a href="{{ r.documents_url }}">Documents</a>
{% endif %}</td> {% endif %}</td>
<td class="px-4 py-3 text-sm"> {{ r.phase_name }}</td> <td class="px-4 py-3 text-sm text-slate-800"> {{ r.phase_name }}</td>
<td class="px-4 py-3 text-sm align-top" x-data="{ showCompletedModal: false}"> <td class="px-4 py-3 text-sm align-top" x-data="{ showCompletedModal: false}">
{% if r.completed_tasks %} {% if r.completed_tasks %}
<div> <div>