Fixed dashboard layout
This commit is contained in:
@@ -126,6 +126,10 @@
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.dashboard-content-section {
|
||||
margin-bottom: var(--spacing-8);
|
||||
}
|
||||
|
||||
/* Responsive Design for Header */
|
||||
@media (max-width: 1024px) {
|
||||
.dashboard-header {
|
||||
|
||||
+11
-11
@@ -1120,6 +1120,7 @@ Management{% endblock %} {% block extra_head %}
|
||||
type="text"
|
||||
id="search_name"
|
||||
name="search_name"
|
||||
value="{{ search_name }}"
|
||||
placeholder="Enter QR code name..."
|
||||
class="search-input"
|
||||
/>
|
||||
@@ -1130,9 +1131,9 @@ Management{% endblock %} {% block extra_head %}
|
||||
<i class="fas fa-filter"></i> Filter by Status
|
||||
</label>
|
||||
<select id="search_status" name="search_status" class="search-select">
|
||||
<option value="">All Statuses</option>
|
||||
<option value="active">Active</option>
|
||||
<option value="inactive">Inactive</option>
|
||||
<option value="" {% if not search_status %}selected{% endif %}>All Statuses</option>
|
||||
<option value="active" {% if search_status == 'active' %}selected{% endif %}>Active</option>
|
||||
<option value="inactive" {% if search_status == 'inactive' %}selected{% endif %}>Inactive</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
@@ -1145,7 +1146,6 @@ Management{% endblock %} {% block extra_head %}
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Search Results Banner and Section -->
|
||||
{% if search_name or search_status %}
|
||||
@@ -1153,12 +1153,11 @@ Management{% endblock %} {% block extra_head %}
|
||||
<div class="search-results-content">
|
||||
<i class="fas fa-filter"></i>
|
||||
<span>
|
||||
Showing filtered results
|
||||
{% if search_name %} - <strong>{{ search_status|title }}</strong> only{% endif %}
|
||||
{% if search_status %} - <strong>{{ search_status|title }}</strong> only{% endif %}
|
||||
({{ qr_codes|length }} QR code{{ 's' if qr_codes|length != 1 else '' }} found)
|
||||
Showing {{ qr_codes|length }} results
|
||||
{% if search_name %}matching "{{ search_name }}"{% endif %}
|
||||
{% if search_status %}with status: {{ search_status }}{% endif %}
|
||||
</span>
|
||||
<a href="{{ url_for('dashboard') }}" class="btn btn-sm btn-outline">
|
||||
<a href="{{ url_for('dashboard') }}" class="btn btn-sm btn-secondary">
|
||||
<i class="fas fa-times"></i>
|
||||
Clear Filters
|
||||
</a>
|
||||
@@ -1308,7 +1307,8 @@ Management{% endblock %} {% block extra_head %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<!-- Projects Dashboard -->
|
||||
|
||||
<div class="dashboard-projects-wrapper">
|
||||
{% if projects %}
|
||||
<div class="projects-dashboard">
|
||||
{% for project in projects %} {% set project_qr_codes =
|
||||
@@ -1490,7 +1490,7 @@ Management{% endblock %} {% block extra_head %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
<!-- Unassigned QR Codes Section -->
|
||||
{% set unassigned_qr_codes = qr_codes|selectattr('project_id', 'equalto',
|
||||
None)|list %} {% if unassigned_qr_codes %}
|
||||
|
||||
Reference in New Issue
Block a user