Update project pages

This commit is contained in:
Nguyen Ngo
2025-08-12 16:46:44 -04:00
parent fa3a7923e2
commit a2d597e91a
2 changed files with 48 additions and 1 deletions
+40
View File
@@ -39,6 +39,36 @@
background: linear-gradient(90deg, #2563eb, #1d4ed8); background: linear-gradient(90deg, #2563eb, #1d4ed8);
} }
.header-navigation {
margin-bottom: 1rem;
}
.back-button {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.5rem 1rem;
background: #f1f5f9;
color: #475569;
text-decoration: none;
border-radius: 0.5rem;
font-size: 0.875rem;
font-weight: 500;
border: 1px solid #cbd5e1;
transition: all 0.2s ease-in-out;
}
.back-button:hover {
background: #e2e8f0;
color: #334155;
transform: translateX(-2px);
text-decoration: none;
}
.back-button i {
font-size: 0.875rem;
}
.header-content h1 { .header-content h1 {
font-size: 1.875rem; font-size: 1.875rem;
font-weight: 700; font-weight: 700;
@@ -411,6 +441,16 @@
text-align: center; text-align: center;
} }
.header-navigation {
text-align: left;
margin-bottom: 0.5rem;
}
.back-button {
display: inline-flex;
justify-content: flex-start;
}
.header-actions { .header-actions {
justify-content: center; justify-content: center;
} }
+8 -1
View File
@@ -10,6 +10,12 @@
<!-- Page Header --> <!-- Page Header -->
<div class="projects-header"> <div class="projects-header">
<div class="header-content"> <div class="header-content">
<div class="header-navigation">
<a href="{{ url_for('dashboard') }}" class="back-button">
<i class="fas fa-arrow-left"></i>
<span>Back to Dashboard</span>
</a>
</div>
<h1><i class="fas fa-folder"></i> Projects</h1> <h1><i class="fas fa-folder"></i> Projects</h1>
<p>Organize and manage your QR code projects</p> <p>Organize and manage your QR code projects</p>
</div> </div>
@@ -105,7 +111,7 @@
<i class="fas fa-edit"></i> <i class="fas fa-edit"></i>
Edit Edit
</a> </a>
<!-- Activate/Deactivate button (for future use)
<form method="POST" action="{{ url_for('toggle_project', project_id=project.id) }}" <form method="POST" action="{{ url_for('toggle_project', project_id=project.id) }}"
style="display: inline;"> style="display: inline;">
<button type="submit" <button type="submit"
@@ -114,6 +120,7 @@
{% if project.active_status %}Deactivate{% else %}Activate{% endif %} {% if project.active_status %}Deactivate{% else %}Activate{% endif %}
</button> </button>
</form> </form>
-->
</div> </div>
</div> </div>
{% endfor %} {% endfor %}