Fixed dashboard layout
This commit is contained in:
@@ -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
@@ -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 %}
|
||||||
|
|||||||
Reference in New Issue
Block a user