All current index pages now have consistent styling

This commit is contained in:
Ben 2024-01-29 21:31:27 -06:00
parent aefe442be6
commit 97bde74af0
4 changed files with 33 additions and 18 deletions

View File

@ -2,11 +2,13 @@
<h1 class="mb-4 text-center">Employers</h1> <h1 class="mb-4 text-center">Employers</h1>
<div class="text-center mt-3"> <div class="text-center mt-3">
<%= link_to 'New Employer', new_employer_path, class: 'btn btn-primary mb-3' %> <%= link_to 'New Employer', new_employer_path, class: 'btn btn-dark mb-3' %>
</div> </div>
<table class="table table-striped table-hover"> <table class="table table-striped table-hover">
<thead class="table-dark"> <thead class="table-light">
<tr> <tr>
<th>Name</th> <th>Name</th>
<th>Address</th> <th>Address</th>
@ -25,8 +27,14 @@
<td><%= employer.email %></td> <td><%= employer.email %></td>
<td><%= employer.dob.strftime('%B %d, %Y') if employer.dob %></td> <td><%= employer.dob.strftime('%B %d, %Y') if employer.dob %></td>
<td> <td>
<%= link_to 'Show', employer, class: 'btn btn-sm btn-info' %> <%= link_to employer, class: 'btn btn-sm btn-secondary' do %>
<%= link_to 'Edit', edit_employer_path(employer), class: 'btn btn-sm btn-warning' %> <i class="bi bi-eye"></i> <!-- Eyeball icon for 'Show' -->
<% end %>
<%= link_to edit_employer_path(employer), class: 'btn btn-sm btn-info' do %>
<i class="bi bi-pencil-fill" style="color: white;"></i> <!-- Pencil icon for 'Edit' -->
<% end %>
</td> </td>
</tr> </tr>
<% end %> <% end %>

View File

@ -38,8 +38,8 @@
<%= link_to participant, class: 'btn btn-sm btn-secondary' do %> <%= link_to participant, class: 'btn btn-sm btn-secondary' do %>
<i class="bi bi-eye"></i><!-- Eyeball icon for 'Show' --> <i class="bi bi-eye"></i><!-- Eyeball icon for 'Show' -->
<% end %> <% end %>
</td>
<td>
<%= link_to edit_participant_path(participant), class: 'btn btn-sm btn-info' do %> <%= link_to edit_participant_path(participant), class: 'btn btn-sm btn-info' do %>
<i class="bi bi-pencil-fill" style="color: white;"></i> <!-- Pencil icon for 'Edit' with white color --> <i class="bi bi-pencil-fill" style="color: white;"></i> <!-- Pencil icon for 'Edit' with white color -->
<% end %> <% end %>

View File

@ -2,11 +2,11 @@
<h1 class="mb-4 text-center">Vendors</h1> <h1 class="mb-4 text-center">Vendors</h1>
<div class="text-center mt-3"> <div class="text-center mt-3">
<%= link_to 'New Vendor', new_vendor_path, class: 'btn btn-success mb-3' %> <%= link_to 'New Vendor', new_vendor_path, class: 'btn btn-dark mb-3' %>
</div> </div>
<table class="table table-striped table-hover"> <table class="table table-striped table-hover">
<thead class="table-dark"> <thead class="table-light">
<tr> <tr>
<th>Name</th> <th>Name</th>
<th>Address</th> <th>Address</th>
@ -29,12 +29,15 @@
<td><%= vendor.tin %></td> <td><%= vendor.tin %></td>
<td><%= vendor.contact %></td> <td><%= vendor.contact %></td>
<td> <td>
<%= link_to 'Show', vendor_path(vendor), class: 'btn btn-sm btn-info' %> <%= link_to vendor_path(vendor), class: 'btn btn-sm btn-secondary' do %>
<%= link_to 'Edit', edit_vendor_path(vendor), class: 'btn btn-sm btn-primary' %> <i class="bi bi-eye"></i> <!-- Eyeball icon for 'Show' -->
<% end %>
<%= link_to edit_vendor_path(vendor), class: 'btn btn-sm btn-info' do %>
<i class="bi bi-pencil-fill" style="color: white;"></i> <!-- Pencil icon for 'Edit' -->
<% end %>
</td> </td>
</tr> </tr>
<% end %> <% end %>
</tbody> </tbody>
</table> </table>
</div> </div>

View File

@ -2,11 +2,11 @@
<h1 class="mb-4 text-center">Workers</h1> <h1 class="mb-4 text-center">Workers</h1>
<div class="text-center mt-3"> <div class="text-center mt-3">
<%= link_to 'New Worker', new_worker_path, class: 'btn btn-success mb-3' %> <%= link_to 'New Worker', new_worker_path, class: 'btn btn-dark mb-3' %>
</div> </div>
<table class="table table-striped table-hover"> <table class="table table-striped table-hover">
<thead class="table-dark"> <thead class="table-light">
<tr> <tr>
<th>First Name</th> <th>First Name</th>
<th>Last Name</th> <th>Last Name</th>
@ -27,12 +27,16 @@
<td><%= worker.email %></td> <td><%= worker.email %></td>
<td><%= worker.dob.strftime('%B %d, %Y') if worker.dob %></td> <td><%= worker.dob.strftime('%B %d, %Y') if worker.dob %></td>
<td> <td>
<%= link_to 'Show', worker_path(worker), class: 'btn btn-sm btn-info' %> <%= link_to worker_path(worker), class: 'btn btn-sm btn-secondary' do %>
<%= link_to 'Edit', edit_worker_path(worker), class: 'btn btn-sm btn-primary' %> <i class="bi bi-eye"></i> <!-- Eyeball icon for 'Show' -->
<% end %>
<%= link_to edit_worker_path(worker), class: 'btn btn-sm btn-info' do %>
<i class="bi bi-pencil-fill" style="color: white;"></i> <!-- Pencil icon for 'Edit' -->
<% end %>
</td> </td>
</tr> </tr>
<% end %> <% end %>
</tbody> </tbody>
</table> </table>
</div> </div>