gib/Tech_Tracker_Web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make checkbox smaller on mobile

Browse Source
This commit is contained in:
Gabriel Brown 2024-07-30 10:36:51 -05:00
parent eab772ad99
commit d8b1aa242a
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/ui/Tech_Table.tsx
View File

@ -50,7 +50,10 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
'Content-Type': 'application/json', 'Content-Type': 'application/json',
'Authorization': `Bearer ${process.env.API_KEY}` 'Authorization': `Bearer ${process.env.API_KEY}`
}, },
body: JSON.stringify({ employeeIds: [cur_user.id], newStatus: employeeStatus }), body: JSON.stringify(
{ employeeIds: [cur_user.id],
newStatus: employeeStatus }
),
}); });
} }
} else if (employeeStatus.trim() !== '') { } else if (employeeStatus.trim() !== '') {
@ -60,7 +63,10 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
'Content-Type': 'application/json', 'Content-Type': 'application/json',
'Authorization': `Bearer ${process.env.API_KEY}` 'Authorization': `Bearer ${process.env.API_KEY}`
}, },
body: JSON.stringify({ employeeIds: selectedIds, newStatus: employeeStatus }), body: JSON.stringify(
{ employeeIds: selectedIds,
newStatus: employeeStatus }
),
}); });
} }
@ -163,10 +169,10 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
from-[#282828] to-[#383838] text-[48px]"> from-[#282828] to-[#383838] text-[48px]">
<tr> <tr>
{!tvMode && ( {!tvMode && (
<th className="py-3 px-6 border border-[#3e4446]"> <th className="py-3 px-3 md:px-6 border border-[#3e4446]">
<input <input
type="checkbox" type="checkbox"
className="m-auto cursor-pointer scale-150" className="m-auto cursor-pointer md:scale-150"
checked={selectAll} checked={selectAll}
onChange={handleSelectAllChange} onChange={handleSelectAllChange}
/> />
@ -195,7 +201,7 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
<td className="p-1 border border-[#3e4446]"> <td className="p-1 border border-[#3e4446]">
<input <input
type="checkbox" type="checkbox"
className="m-auto cursor-pointer scale-150" className="m-auto cursor-pointer md:scale-150"
checked={selectedIds.includes(employee.id)} checked={selectedIds.includes(employee.id)}
onChange={() => handleCheckboxChange(employee.id)} onChange={() => handleCheckboxChange(employee.id)}
/> />