Update project pages
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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 %}
|
||||||
|
|||||||
Reference in New Issue
Block a user