Fixed dashboard layout

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