Enhances user experience with dark‑mode detection, responsive layout, and streamlined role selection workflow
35 lines
1.0 KiB
HTML
35 lines
1.0 KiB
HTML
{% extends "emails/base_email.html" %}
|
|
{% block email_content %}
|
|
<h2 style="margin-top: 0; font-size: 18px; color: #111827;">{{ title }}</h2>
|
|
<p style="color: #374151; font-size: 15px; line-height: 1.6;">{{ message }}</p>
|
|
|
|
{% if ticket_url %}
|
|
<div style="text-align: center; margin: 24px 0;">
|
|
<a href="{{ ticket_url }}" class="btn">View Ticket</a>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<hr>
|
|
|
|
<table style="width: 100%; border-collapse: collapse; font-size: 13px;">
|
|
{% if ticket_uuid %}
|
|
<tr>
|
|
<td style="padding: 6px 0; color: #6b7280; width: 100px;">Ticket</td>
|
|
<td style="padding: 6px 0; color: #111827; font-weight: 600;">{{ ticket_uuid }}</td>
|
|
</tr>
|
|
{% endif %}
|
|
{% if project_name %}
|
|
<tr>
|
|
<td style="padding: 6px 0; color: #6b7280;">Project</td>
|
|
<td style="padding: 6px 0; color: #111827;">{{ project_name }}</td>
|
|
</tr>
|
|
{% endif %}
|
|
{% if user_name %}
|
|
<tr>
|
|
<td style="padding: 6px 0; color: #6b7280;">By</td>
|
|
<td style="padding: 6px 0; color: #111827;">{{ user_name }}</td>
|
|
</tr>
|
|
{% endif %}
|
|
</table>
|
|
{% endblock %}
|