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

adjust tv mode

Browse Source
This commit is contained in:
Gabriel Brown 2024-07-23 15:55:58 -05:00
parent c3e0afefa5
commit 99713d1740
3 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/page.tsx
View File

@ -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}/>

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

@ -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]">

9
src/styles/globals.css
View File

@ -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;
}