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);
}
.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 {
font-size: 1.875rem;
font-weight: 700;
@@ -411,6 +441,16 @@
text-align: center;
}
.header-navigation {
text-align: left;
margin-bottom: 0.5rem;
}
.back-button {
display: inline-flex;
justify-content: flex-start;
}
.header-actions {
justify-content: center;
}
+8 -1
View File
@@ -10,6 +10,12 @@
<!-- Page Header -->
<div class="projects-header">
<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>
<p>Organize and manage your QR code projects</p>
</div>
@@ -105,7 +111,7 @@
<i class="fas fa-edit"></i>
Edit
</a>
<!-- Activate/Deactivate button (for future use)
<form method="POST" action="{{ url_for('toggle_project', project_id=project.id) }}"
style="display: inline;">
<button type="submit"
@@ -114,6 +120,7 @@
{% if project.active_status %}Deactivate{% else %}Activate{% endif %}
</button>
</form>
-->
</div>
</div>
{% endfor %}