Chore: Ui Improvements
This commit is contained in:
@@ -99,6 +99,9 @@
|
||||
.dataTables_wrapper .dataTables_length,
|
||||
.dataTables_wrapper .dataTables_filter {
|
||||
margin-bottom: 1.5rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTables_length select,
|
||||
@@ -106,17 +109,65 @@
|
||||
border: 1px solid #d1d5db;
|
||||
border-radius: 0.375rem;
|
||||
padding: 0.375rem 0.75rem;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_paginate .paginate_button {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTables_paginate .paginate_button {
|
||||
margin: 0 0.25rem;
|
||||
border-radius: 0.375rem;
|
||||
.dataTables_wrapper .dataTables_length select:hover,
|
||||
.dataTables_wrapper .dataTables_filter input:hover {
|
||||
border-color: var(--primary-color);
|
||||
box-shadow: 0 0 5px rgba(59, 130, 246, 0.5);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
|
||||
background-color: "#fff";
|
||||
border-color: "#fff";
|
||||
color: white;
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
|
||||
background: var(--primary-color) !important;
|
||||
border-color: var(--primary-color) !important;
|
||||
color: white !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTables_info {
|
||||
margin-top: 1rem;
|
||||
font-size: 0.875rem;
|
||||
color: #6b7280;
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTables_scroll {
|
||||
border: 1px solid #e5e7eb;
|
||||
border-radius: 0.375rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead {
|
||||
background-color: #f8fafc;
|
||||
border-bottom: 1px solid #e5e7eb;
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody tr:hover {
|
||||
background-color: rgba(59, 130, 246, 0.05);
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody td {
|
||||
padding: 0.75rem;
|
||||
border-bottom: 1px solid #e5e7eb;
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody td:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.dt-buttons {
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<a class="nav-link py-1" href="{{ route('dashboard') }}">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="col-2">
|
||||
<img src="{{ asset('assets/frontend/images/home-icon.svg') }}" alt="home-icon" class="img-fluid" style="max-height: 20px;">
|
||||
<i class="fas fa-home text-white"></i>
|
||||
</div>
|
||||
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Dashboard</h6>
|
||||
</div>
|
||||
@@ -16,7 +16,7 @@
|
||||
<a class="nav-link py-1" href="{{ route('admin.ActivitiesAttendedResponses') }}">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="col-2">
|
||||
<img src="{{ asset('assets/frontend/images/students.svg') }}" alt="activities-icon" class="img-fluid" style="max-height: 20px;">
|
||||
<i class="fas fa-calendar-check text-white"></i>
|
||||
</div>
|
||||
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Activities Attended</h6>
|
||||
</div>
|
||||
@@ -26,7 +26,7 @@
|
||||
<a class="nav-link py-1" href="{{ route('admin.ActivitiesOrganisedResponses') }}">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="col-2">
|
||||
<img src="{{ asset('assets/frontend/images/students.svg') }}" alt="organised-icon" class="img-fluid" style="max-height: 20px;">
|
||||
<i class="fas fa-calendar-alt text-white"></i>
|
||||
</div>
|
||||
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Activities Organised</h6>
|
||||
</div>
|
||||
@@ -36,7 +36,7 @@
|
||||
<a class="nav-link py-1" href="{{ route('admin.IvOrganisedResponses') }}">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="col-2">
|
||||
<img src="{{ asset('assets/frontend/images/students.svg') }}" alt="organised-icon" class="img-fluid" style="max-height: 20px;">
|
||||
<i class="fas fa-industry text-white"></i>
|
||||
</div>
|
||||
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">IV Organised</h6>
|
||||
</div>
|
||||
@@ -46,7 +46,7 @@
|
||||
<a class="nav-link py-1" href="{{ route('admin.PublicationsResponses') }}">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="col-2">
|
||||
<img src="{{ asset('assets/frontend/images/students.svg') }}" alt="organised-icon" class="img-fluid" style="max-height: 20px;">
|
||||
<i class="fas fa-book text-white"></i>
|
||||
</div>
|
||||
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Publications</h6>
|
||||
</div>
|
||||
@@ -56,7 +56,7 @@
|
||||
<a class="nav-link py-1" href="{{ route('admin.BooksPublishedResponses') }}">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="col-2">
|
||||
<img src="{{ asset('assets/frontend/images/students.svg') }}" alt="organised-icon" class="img-fluid" style="max-height: 20px;">
|
||||
<i class="fas fa-book-open text-white"></i>
|
||||
</div>
|
||||
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Books Published</h6>
|
||||
</div>
|
||||
@@ -66,7 +66,7 @@
|
||||
<a class="nav-link py-1" href="{{ route('admin.ExternalEngagementResponses') }}">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="col-2">
|
||||
<img src="{{ asset('assets/frontend/images/students.svg') }}" alt="organised-icon" class="img-fluid" style="max-height: 20px;">
|
||||
<i class="fas fa-handshake text-white"></i>
|
||||
</div>
|
||||
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">External Engagement</h6>
|
||||
</div>
|
||||
@@ -76,7 +76,7 @@
|
||||
<a class="nav-link py-1" href="{{ route('admin.OnlineCoursesResponses') }}">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="col-2">
|
||||
<img src="{{ asset('assets/frontend/images/students.svg') }}" alt="organised-icon" class="img-fluid" style="max-height: 20px;">
|
||||
<i class="fas fa-laptop-code text-white"></i>
|
||||
</div>
|
||||
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Online Courses</h6>
|
||||
</div>
|
||||
@@ -86,7 +86,7 @@
|
||||
<a class="nav-link py-1" href="{{ route('admin.PatentsResponses') }}">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="col-2">
|
||||
<img src="{{ asset('assets/frontend/images/students.svg') }}" alt="organised-icon" class="img-fluid" style="max-height: 20px;">
|
||||
<i class="fas fa-file-alt text-white"></i>
|
||||
</div>
|
||||
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Patents/Copyrights</h6>
|
||||
</div>
|
||||
@@ -98,7 +98,7 @@
|
||||
<a class="nav-link py-1" href="{{ route('coordinator.ActivitiesAttendedResponses') }}">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="col-2">
|
||||
<img src="{{ asset('assets/frontend/images/students.svg') }}" alt="activities-icon" class="img-fluid" style="max-height: 20px;">
|
||||
<i class="fas fa-calendar-check text-white"></i>
|
||||
</div>
|
||||
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Activities Attended</h6>
|
||||
</div>
|
||||
@@ -108,7 +108,7 @@
|
||||
<a class="nav-link py-1" href="{{ route('coordinator.ActivitiesOrganisedResponses') }}">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="col-2">
|
||||
<img src="{{ asset('assets/frontend/images/students.svg') }}" alt="organised-icon" class="img-fluid" style="max-height: 20px;">
|
||||
<i class="fas fa-calendar-alt text-white"></i>
|
||||
</div>
|
||||
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Activities Organised</h6>
|
||||
</div>
|
||||
@@ -118,7 +118,7 @@
|
||||
<a class="nav-link py-1" href="{{ route('coordinator.IvOrganisedResponses') }}">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="col-2">
|
||||
<img src="{{ asset('assets/frontend/images/students.svg') }}" alt="organised-icon" class="img-fluid" style="max-height: 20px;">
|
||||
<i class="fas fa-industry text-white"></i>
|
||||
</div>
|
||||
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">IV Organised</h6>
|
||||
</div>
|
||||
@@ -128,7 +128,7 @@
|
||||
<a class="nav-link py-1" href="{{ route('coordinator.PublicationsResponses') }}">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="col-2">
|
||||
<img src="{{ asset('assets/frontend/images/students.svg') }}" alt="organised-icon" class="img-fluid" style="max-height: 20px;">
|
||||
<i class="fas fa-book text-white"></i>
|
||||
</div>
|
||||
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Publications</h6>
|
||||
</div>
|
||||
@@ -138,7 +138,7 @@
|
||||
<a class="nav-link py-1" href="{{ route('coordinator.BooksPublishedResponses') }}">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="col-2">
|
||||
<img src="{{ asset('assets/frontend/images/students.svg') }}" alt="organised-icon" class="img-fluid" style="max-height: 20px;">
|
||||
<i class="fas fa-book-open text-white"></i>
|
||||
</div>
|
||||
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Books Published</h6>
|
||||
</div>
|
||||
@@ -148,7 +148,7 @@
|
||||
<a class="nav-link py-1" href="{{ route('coordinator.ExternalEngagementResponses') }}">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="col-2">
|
||||
<img src="{{ asset('assets/frontend/images/students.svg') }}" alt="organised-icon" class="img-fluid" style="max-height: 20px;">
|
||||
<i class="fas fa-handshake text-white"></i>
|
||||
</div>
|
||||
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">External Engagement</h6>
|
||||
</div>
|
||||
@@ -158,7 +158,7 @@
|
||||
<a class="nav-link py-1" href="{{ route('coordinator.OnlineCoursesResponses') }}">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="col-2">
|
||||
<img src="{{ asset('assets/frontend/images/students.svg') }}" alt="organised-icon" class="img-fluid" style="max-height: 20px;">
|
||||
<i class="fas fa-laptop-code text-white"></i>
|
||||
</div>
|
||||
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Online Courses</h6>
|
||||
</div>
|
||||
@@ -168,12 +168,13 @@
|
||||
<a class="nav-link py-1" href="{{ route('coordinator.PatentsResponses') }}">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="col-2">
|
||||
<img src="{{ asset('assets/frontend/images/students.svg') }}" alt="organised-icon" class="img-fluid" style="max-height: 20px;">
|
||||
<i class="fas fa-file-alt text-white"></i>
|
||||
</div>
|
||||
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Patents/Copyrights</h6>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<!-- Add other coordinator links here -->
|
||||
@elseif(auth()->user()->role->name === 'Faculty')
|
||||
<li class="nav-item mt-1">
|
||||
<a class="nav-link py-1" data-bs-toggle="collapse" href="#activitiesAttendedCollapse" role="button" aria-expanded="false" aria-controls="activitiesAttendedCollapse">
|
||||
|
||||
Reference in New Issue
Block a user