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

Front end stuff for mobile & page when not signed in.

Browse Source
This commit is contained in:
Gabriel Brown
2024-07-21 17:22:04 -05:00
parent 18a397b65a
commit 1259d19fde
9 changed files with 2893 additions and 3510 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/ui/TT_Header.tsx
View File

@@ -2,12 +2,14 @@ import Image from "next/image";
export default function TT_Header() {
return (
<header className="w-full py-5">
<div className="flex flex-row items-center text-center justify-center p-8">
<header className="w-full py-2 pt-6 md:py-5">
<div className="flex flex-row items-center text-center sm:justify-center
ml-4 sm:ml-0 p-4">
<Image src="/images/tech_tracker_logo.png"
alt="Tech Tracker Logo" width={100} height={100}
className="max-w-[40px] md:max-w-[120px]"
/>
<h1 className="title-text text-8xl font-bold pl-12
<h1 className="title-text text-sm md:text-4xl lg:text-8xl font-bold pl-2 md:pl-12
bg-gradient-to-r from-[#bec8e6] via-[#F0EEE4] to-[#FFF8E7]
text-transparent bg-clip-text">
Tech Tracker

6
src/components/ui/Table.tsx
View File

@@ -149,9 +149,9 @@ export default function Table({ employees }: { employees: Employee[] }) {
onChange={() => handleCheckboxChange(employee.id)}
/>
</td>
<td className="n-column px-1 py-5 border border-[#3e4446]">{employee.name}</td>
<td className="s-column px-1 py-5 border border-[#3e4446]">{employee.status}</td>
<td className="ua-column px-1 py-5 border border-[#3e4446]">{formatTime(employee.updatedAt)}</td>
<td className="n-column px-1 md:py-5 border border-[#3e4446]">{employee.name}</td>
<td className="s-column px-1 md:py-5 border border-[#3e4446]">{employee.status}</td>
<td className="ua-column px-1 md:py-5 border border-[#3e4446]">{formatTime(employee.updatedAt)}</td>
</tr>
))}
</tbody>