adjust tv mode
This commit is contained in:
		@@ -12,7 +12,7 @@ export default async function HomePage() {
 | 
				
			|||||||
  } else {
 | 
					  } else {
 | 
				
			||||||
    const employees = await getEmployees();
 | 
					    const employees = await getEmployees();
 | 
				
			||||||
    return (
 | 
					    return (
 | 
				
			||||||
      <main className="min-h-screen
 | 
					      <main className="min-h-screen 
 | 
				
			||||||
        bg-gradient-to-b from-[#111111] to-[#212325]">
 | 
					        bg-gradient-to-b from-[#111111] to-[#212325]">
 | 
				
			||||||
          <Header />
 | 
					          <Header />
 | 
				
			||||||
          <Tech_Table employees={employees}/>
 | 
					          <Tech_Table employees={employees}/>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -146,8 +146,9 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
 | 
				
			|||||||
  if (loading) return <Loading interval_amount={3} />;
 | 
					  if (loading) return <Loading interval_amount={3} />;
 | 
				
			||||||
  else {
 | 
					  else {
 | 
				
			||||||
    return (
 | 
					    return (
 | 
				
			||||||
      <div className={`techtable-wrapper ${tvMode ? 'content-fullscreen' : ''}`}>
 | 
					      <div className={`${tvMode ? 'content-fullscreen' : ''}`}>
 | 
				
			||||||
        <table className={`techtable rounded-2xl m-auto text-center text-[42px]
 | 
					        {tvMode && <div className="w-full tablefill"></div>}
 | 
				
			||||||
 | 
					        <table className={`techtable m-auto text-center text-[42px]
 | 
				
			||||||
          ${tvMode ? 'techtable-fullscreen' : 'w-5/6'}`}>
 | 
					          ${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]">
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -121,11 +121,16 @@
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.content-fullscreen {
 | 
					.content-fullscreen {
 | 
				
			||||||
  width: 100vw;
 | 
					  width: 90vw;
 | 
				
			||||||
  height: 100vh;
 | 
					  height: 90vh;
 | 
				
			||||||
 | 
					  margin: auto;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.techtable-fullscreen {
 | 
					.techtable-fullscreen {
 | 
				
			||||||
  width: 100%;
 | 
					  width: 100%;
 | 
				
			||||||
  height: 100%;
 | 
					  height: 100%;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.tablefill {
 | 
				
			||||||
 | 
					  height: 5vh;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user