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;
}
.today-table-grid {
display: grid;
}
/*.today-table-grid {*/
/* display: grid;*/
/*}*/
@media (min-width: 640px) {
.today-table-grid {
grid-template-columns: 2fr repeat(3, 1fr);
}
}
/*@media (min-width: 640px) {*/
/* .today-table-grid {*/
/* grid-template-columns: 2fr repeat(3, 1fr);*/
/* }*/
/*}*/
@media (min-width: 480px) and (max-width: 639px) {
.today-table-grid {
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-flow: column;
}
}
/*@media (min-width: 480px) and (max-width: 639px) {*/
/* .today-table-grid {*/
/* grid-template-rows: 1fr 1fr;*/
/* grid-template-columns: 1fr 1fr;*/
/* 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="overflow-hidden shadow ring-1 ring-black ring-opacity-5 rounded-lg">
<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>Lecture</div>
<div>Status</div>

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

@ -4,12 +4,14 @@
'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">
<%= lecture.title %>
<% if lecture.online %>
<i class="fa fa-solid fa-globe text-gray-500"></i>
<% else %>
<span class="inline-block w-4"></span>
<% end %>
</div>