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