From abd608ca313eec791186ce3ba8dfc43122e08331 Mon Sep 17 00:00:00 2001
From: gibbyb <gib@gibbyb.com>
Date: Tue, 23 Jul 2024 12:09:38 -0500
Subject: [PATCH] Remove checkbox in tv mode

---
 src/components/ui/Header.tsx     |  2 +-
 src/components/ui/Tech_Table.tsx | 25 +++++++++++++++----------
 src/styles/globals.css           |  1 -
 3 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/components/ui/Header.tsx b/src/components/ui/Header.tsx
index 47109e3..f8b2988 100644
--- a/src/components/ui/Header.tsx
+++ b/src/components/ui/Header.tsx
@@ -16,7 +16,7 @@ export default function Header() {
     );
   } else {
     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="flex flex-row my-auto items-center pt-2 pr-0 md:pt-4 md:pr-8">
             < TV_Toggle />
diff --git a/src/components/ui/Tech_Table.tsx b/src/components/ui/Tech_Table.tsx
index a501c1b..1ebb9b7 100644
--- a/src/components/ui/Tech_Table.tsx
+++ b/src/components/ui/Tech_Table.tsx
@@ -148,18 +148,21 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
   else {
     return (
       <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
             from-[#282828] to-[#383838] text-[48px]">
             <tr>
-              <th className="py-3 px-4 border border-[#3e4446]">
-                <input
-                  type="checkbox"
-                  className="m-auto cursor-pointer scale-150"
-                  checked={selectAll}
-                  onChange={handleSelectAllChange}
-                />
-              </th>
+              {!tvMode && (
+                <th className="py-3 px-6 border border-[#3e4446]">
+                  <input
+                    type="checkbox"
+                    className="m-auto cursor-pointer scale-150"
+                    checked={selectAll}
+                    onChange={handleSelectAllChange}
+                  />
+                </th>
+              )}
               <th className="border border-[#3e4446]">Name</th>
               <th className="border border-[#3e4446]">Status</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]"
                 key={employee.id}
               >
+              {!tvMode && (
                 <td className="p-1 border border-[#3e4446]">
                   <input
                     type="checkbox"
@@ -180,10 +184,11 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
                     onChange={() => handleCheckboxChange(employee.id)}
                   />
                 </td>
+              )}
                 <td className="n-column px-1 md:py-3 border border-[#3e4446]">
                   {employee.name}
                 </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}
                 </td>
                 <td className="ua-column px-1 md:py-3 border border-[#3e4446]">
diff --git a/src/styles/globals.css b/src/styles/globals.css
index bb4b31c..1de385c 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -123,7 +123,6 @@
 .content-fullscreen {
   width: 100vw;
   height: 100vh;
-  overflow: hidden;
 }
 
 .techtable-fullscreen {