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

Remove checkbox in tv mode

Browse Source
This commit is contained in:
Gabriel Brown 2024-07-23 12:09:38 -05:00
parent 5a809e5903
commit abd608ca31
3 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ui/Header.tsx
View File

@ -16,7 +16,7 @@ export default function Header() {
); );
} else { } else {
return ( return (
<header className="w-full py-2 pt-6 md:py-5"> <header className="w-full h-[20vh] py-2 pt-6 md:py-5">
<div className="absolute top-4 right-6"> <div className="absolute top-4 right-6">
<div className="flex flex-row my-auto items-center pt-2 pr-0 md:pt-4 md:pr-8"> <div className="flex flex-row my-auto items-center pt-2 pr-0 md:pt-4 md:pr-8">
< TV_Toggle /> < TV_Toggle />

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

@ -148,18 +148,21 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
else { else {
return ( return (
<div className={`techtable-wrapper ${tvMode ? 'content-fullscreen' : ''}`}> <div className={`techtable-wrapper ${tvMode ? 'content-fullscreen' : ''}`}>
<table className={`techtable rounded-2xl m-auto text-center text-[42px] ${tvMode ? 'techtable-fullscreen' : 'w-5/6'}`}> <table className={`techtable rounded-2xl m-auto text-center text-[42px]
${tvMode ? 'techtable-fullscreen' : 'w-5/6'}`}>
<thead className="tabletitles border border-[#3e4446] bg-gradient-to-b <thead className="tabletitles border border-[#3e4446] bg-gradient-to-b
from-[#282828] to-[#383838] text-[48px]"> from-[#282828] to-[#383838] text-[48px]">
<tr> <tr>
<th className="py-3 px-4 border border-[#3e4446]"> {!tvMode && (
<input <th className="py-3 px-6 border border-[#3e4446]">
type="checkbox" <input
className="m-auto cursor-pointer scale-150" type="checkbox"
checked={selectAll} className="m-auto cursor-pointer scale-150"
onChange={handleSelectAllChange} checked={selectAll}
/> onChange={handleSelectAllChange}
</th> />
</th>
)}
<th className="border border-[#3e4446]">Name</th> <th className="border border-[#3e4446]">Name</th>
<th className="border border-[#3e4446]">Status</th> <th className="border border-[#3e4446]">Status</th>
<th className="border border-[#3e4446]">Updated At</th> <th className="border border-[#3e4446]">Updated At</th>
@ -172,6 +175,7 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
odd:bg-gradient-to-bl odd:from-[#252525] odd:to-[#212125]" odd:bg-gradient-to-bl odd:from-[#252525] odd:to-[#212125]"
key={employee.id} key={employee.id}
> >
{!tvMode && (
<td className="p-1 border border-[#3e4446]"> <td className="p-1 border border-[#3e4446]">
<input <input
type="checkbox" type="checkbox"
@ -180,10 +184,11 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
onChange={() => handleCheckboxChange(employee.id)} onChange={() => handleCheckboxChange(employee.id)}
/> />
</td> </td>
)}
<td className="n-column px-1 md:py-3 border border-[#3e4446]"> <td className="n-column px-1 md:py-3 border border-[#3e4446]">
{employee.name} {employee.name}
</td> </td>
<td className="s-column px-1 md:py-3 border border-[#3e4446]"> <td className="s-column max-w-[1000px] px-1 md:py-3 border border-[#3e4446]">
{employee.status} {employee.status}
</td> </td>
<td className="ua-column px-1 md:py-3 border border-[#3e4446]"> <td className="ua-column px-1 md:py-3 border border-[#3e4446]">

1
src/styles/globals.css
View File

@ -123,7 +123,6 @@
.content-fullscreen { .content-fullscreen {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
overflow: hidden;
} }
.techtable-fullscreen { .techtable-fullscreen {