corbz/ticket-website
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects 1 Releases 1 Wiki Activity

Updated none-found and ticket item priority badge

Browse Source
This commit is contained in:
Corban-Lee Jones 2024-01-22 14:14:44 +00:00
parent f6568230b1
commit 2fb6ea6c64
2 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/static/css/index.css
View File

@ -130,6 +130,10 @@ body {
width: 0 !important;
}
.ticket-item .ticket-item-complex .badge {
width: 1.8rem;
}
.ticket-item .ticket-item-icon {
width: 2rem;
height: 2rem;

20
apps/templates/home/tickets.html
View File

@ -198,15 +198,13 @@
<div id="ticketsContainer" class="layer w-100 fxg-1 scrollable pos-r ov-h">
<div class="content"></div>
<div class="none-found pos-a top-50 start-50 translate-middle" style="display: none;">
<h6 class="fw-bold">No Tickets Found</h6>
<ul class="text-body-tertiary small">
<li>Try clearing your search</li>
<li>Try removing your filters</li>
<li>Try using the refresh button</li>
</ul>
<div class="none-found p-20" style="display: none;">
<div class="pos-a top-50 start-50 translate-middle text-center">
<div class="fs-1 fw-bolder">404</div>
<div class="fs-4 fw-bold text-body-tertiary">No Tickets Found</div>
</div>
</div>
<div class="loading bg-body-secondary h-100" style="display: none;">
<div class="loading bg-body-tertiary h-100" style="display: none;">
{% for i in "x"|rjust:"3" %}
<div class="email-list-item peers fxw-nw p-20 bdB placeholder-glow" >
<div class="peer mR-10">
@ -407,12 +405,12 @@
<!-- Ticket Item Template -->
<script id="ticketItemTemplate" type="text/template">
<div class="ticket-item fxw-nw bdB peers fxw-nw p-20 w-100" data-uuid="-1">
<div class="ticket-item-complex peer mR-20 d-flex flex-column align-self-stretch">
<div class="ticket-item-complex peer mR-20 d-flex flex-column align-items-center align-self-stretch">
<img src="" alt="" class="ticket-item-icon">
<div class="ticket-item-department badge rounded mt-auto mx-auto">
<div class="ticket-item-department badge rounded mt-auto">
<i class="fa fa-users"></i>
</div>
<div class="ticket-item-priority badge rounded mt-2 mx-auto">
<div class="ticket-item-priority badge rounded mt-2">
<i class="fa fa-folder"></i>
</div>
</div>