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

More UI changes after I realized I actually made it worse

Browse Source
This commit is contained in:
Gabriel Brown 2024-07-20 15:12:21 -05:00
parent 6791cab2c6
commit bc9f9941bf
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/auth/Sign_Out.tsx
View File

@ -10,7 +10,7 @@ export default async function Sign_Out() {
// Add User profile picture next to Sign Out button // Add User profile picture next to Sign Out button
const pfp = session?.user?.image ? session.user.image : "/images/default_user_pfp.png"; const pfp = session?.user?.image ? session.user.image : "/images/default_user_pfp.png";
return ( return (
<form className="w-full flex flex-row" <form className="w-full flex flex-row pt-4 pr-8"
action={async () => { action={async () => {
"use server" "use server"
await signOut() await signOut()

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

@ -121,8 +121,8 @@ export default function Table({ employees }: { employees: Employee[] }) {
return ( return (
<div> <div>
<table className="techtable w-5/6 m-auto text-center border-collapse text-[42px]"> <table className="techtable rounded-2xl w-5/6 m-auto text-center text-[42px]">
<thead className="bg-gradient-to-b from-[#323232] to-[#444444]"> <thead className="bg-gradient-to-b from-[#282828] to-[#383838]">
<tr> <tr>
<th className="tabletitles p-4 border border-[#3e4446] text-[48px]"> <th className="tabletitles p-4 border border-[#3e4446] text-[48px]">
<input <input
@ -139,8 +139,8 @@ export default function Table({ employees }: { employees: Employee[] }) {
</thead> </thead>
<tbody> <tbody>
{employeeData.map((employee) => ( {employeeData.map((employee) => (
<tr className="even:bg-gradient-to-br from-[#282828] to-[#333333] <tr className="even:bg-gradient-to-br from-[#272727] to-[#313131]
odd:bg-gradient-to-tr odd:from-[#212127] odd:to-[#222225]" key={employee.id}> odd:bg-gradient-to-bl odd:from-[#252525] odd:to-[#212125]" key={employee.id}>
<td className="p-1 border border-[#3e4446]"> <td className="p-1 border border-[#3e4446]">
<input <input
type="checkbox" type="checkbox"
@ -160,15 +160,15 @@ export default function Table({ employees }: { employees: Employee[] }) {
<input <input
type="text" type="text"
placeholder="New Status" placeholder="New Status"
className="min-w-[120px] lg:min-w-[400px] bg-[#F9F6EE] py-2.5 px-3 border-none rounded-xl text-[#111111] md:text-xl" className="min-w-[120px] lg:min-w-[400px] bg-[#F9F6EE] py-2 px-3 border-none rounded-xl text-[#111111] lg:text-2xl"
value={status} value={status}
onChange={handleStatusChange} onChange={handleStatusChange}
onKeyDown={handleKeyPress} onKeyDown={handleKeyPress}
/> />
<button <button
type="submit" type="submit"
className="min-w-[100px] lg:min-w-[160px] m-2 p-3 border-none rounded-xl text-center className="min-w-[100px] lg:min-w-[160px] m-2 p-2 border-none rounded-xl text-center
font-semibold md:text-xl hover:text-slate-300 font-semibold lg:text-2xl hover:text-slate-300
hover:bg-gradient-to-bl hover:from-[#484848] hover:to-[#333333] hover:bg-gradient-to-bl hover:from-[#484848] hover:to-[#333333]
bg-gradient-to-br from-[#595959] to-[#444444]" bg-gradient-to-br from-[#595959] to-[#444444]"
onClick={handleSubmit} onClick={handleSubmit}