Chore: Ui Improvements

This commit is contained in:
Sallu9007
2025-04-27 23:19:10 +05:30
parent 2deb7dd254
commit 6c31e189cf
10 changed files with 560 additions and 1166 deletions

View File

@@ -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 {

View File

@@ -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">