personal/lecture-attendance-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

A few style changes
All checks were successful
Build and Publish Docker Container / build (push) Successful in 6m0s
Details

Browse Source
This commit is contained in:
Joshua Coles 2024-02-05 09:53:47 +00:00
parent 8f797fe919
commit 3f4d630ce2
3 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
app/assets/stylesheets/application.tailwind.css
View File

@ -6,20 +6,20 @@
@apply rounded bg-indigo-600 px-2 py-1 font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600; @apply rounded bg-indigo-600 px-2 py-1 font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600;
} }
.today-table-grid { /*.today-table-grid {*/
display: grid; /* display: grid;*/
} /*}*/
@media (min-width: 640px) { /*@media (min-width: 640px) {*/
.today-table-grid { /* .today-table-grid {*/
grid-template-columns: 2fr repeat(3, 1fr); /* grid-template-columns: 2fr repeat(3, 1fr);*/
} /* }*/
} /*}*/
@media (min-width: 480px) and (max-width: 639px) { /*@media (min-width: 480px) and (max-width: 639px) {*/
.today-table-grid { /* .today-table-grid {*/
grid-template-rows: 1fr 1fr; /* grid-template-rows: 1fr 1fr;*/
grid-template-columns: 1fr 1fr; /* grid-template-columns: 1fr 1fr;*/
grid-auto-flow: column; /* grid-auto-flow: column;*/
} /* }*/
} /*}*/

2
app/views/attendance_tracker/today.html.erb
View File

@ -3,7 +3,7 @@
<div class="mt-4 py-2 w-full"> <div class="mt-4 py-2 w-full">
<div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 rounded-lg"> <div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 rounded-lg">
<div class="divide-y divide-gray-300 w-full"> <div class="divide-y divide-gray-300 w-full">
<div class="flex py-3.5 justify-between bg-gray-50 text-left text-sm font-semibold text-gray-900 px-6 grid today-table-grid"> <div class="bg-gray-50 text-left text-sm font-semibold text-gray-900 py-3.5 px-6 grid grid-cols-4">
<div>Course</div> <div>Course</div>
<div>Lecture</div> <div>Lecture</div>
<div>Status</div> <div>Status</div>

4
app/views/lectures/_lecture.html.erb
View File

@ -4,12 +4,14 @@
'bg-green-100': lecture.attended?, 'bg-green-100': lecture.attended?,
}) %> }) %>
<div id="<%= dom_id(lecture) %>" class="<%= status_classes %> px-6 py-4 flex justify-between items-center grid grid-cols-5 gap-2"> <div id="<%= dom_id(lecture) %>" class="<%= status_classes %> px-6 py-4 justify-between items-center grid grid-flow-col gap-2">
<div class="whitespace-nowrap text-sm font-medium text-gray-900"> <div class="whitespace-nowrap text-sm font-medium text-gray-900">
<%= lecture.title %> <%= lecture.title %>
<% if lecture.online %> <% if lecture.online %>
<i class="fa fa-solid fa-globe text-gray-500"></i> <i class="fa fa-solid fa-globe text-gray-500"></i>
<% else %>
<span class="inline-block w-4"></span>
<% end %> <% end %>
</div> </div>