Front end stuff for mobile & page when not signed in.
This commit is contained in:
parent
18a397b65a
commit
1259d19fde
@ -12,7 +12,7 @@
|
||||
"dev": "next dev",
|
||||
"lint": "next lint",
|
||||
"start": "next start",
|
||||
"go": "next build && next start"
|
||||
"go": "git pull && next build && next start"
|
||||
},
|
||||
"dependencies": {
|
||||
"@t3-oss/env-nextjs": "^0.10.1",
|
||||
|
||||
6148
pnpm-lock.yaml
6148
pnpm-lock.yaml
File diff suppressed because it is too large
Load Diff
1
public/images/gitea_logo.svg
Normal file
1
public/images/gitea_logo.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 640 640" width="32" height="32"><path d="m395.9 484.2-126.9-61c-12.5-6-17.9-21.2-11.8-33.8l61-126.9c6-12.5 21.2-17.9 33.8-11.8 17.2 8.3 27.1 13 27.1 13l-.1-109.2 16.7-.1.1 117.1s57.4 24.2 83.1 40.1c3.7 2.3 10.2 6.8 12.9 14.4 2.1 6.1 2 13.1-1 19.3l-61 126.9c-6.2 12.7-21.4 18.1-33.9 12" style="fill:#fff"/><path d="M622.7 149.8c-4.1-4.1-9.6-4-9.6-4s-117.2 6.6-177.9 8c-13.3.3-26.5.6-39.6.7v117.2c-5.5-2.6-11.1-5.3-16.6-7.9 0-36.4-.1-109.2-.1-109.2-29 .4-89.2-2.2-89.2-2.2s-141.4-7.1-156.8-8.5c-9.8-.6-22.5-2.1-39 1.5-8.7 1.8-33.5 7.4-53.8 26.9C-4.9 212.4 6.6 276.2 8 285.8c1.7 11.7 6.9 44.2 31.7 72.5 45.8 56.1 144.4 54.8 144.4 54.8s12.1 28.9 30.6 55.5c25 33.1 50.7 58.9 75.7 62 63 0 188.9-.1 188.9-.1s12 .1 28.3-10.3c14-8.5 26.5-23.4 26.5-23.4S547 483 565 451.5c5.5-9.7 10.1-19.1 14.1-28 0 0 55.2-117.1 55.2-231.1-1.1-34.5-9.6-40.6-11.6-42.6M125.6 353.9c-25.9-8.5-36.9-18.7-36.9-18.7S69.6 321.8 60 295.4c-16.5-44.2-1.4-71.2-1.4-71.2s8.4-22.5 38.5-30c13.8-3.7 31-3.1 31-3.1s7.1 59.4 15.7 94.2c7.2 29.2 24.8 77.7 24.8 77.7s-26.1-3.1-43-9.1m300.3 107.6s-6.1 14.5-19.6 15.4c-5.8.4-10.3-1.2-10.3-1.2s-.3-.1-5.3-2.1l-112.9-55s-10.9-5.7-12.8-15.6c-2.2-8.1 2.7-18.1 2.7-18.1L322 273s4.8-9.7 12.2-13c.6-.3 2.3-1 4.5-1.5 8.1-2.1 18 2.8 18 2.8L467.4 315s12.6 5.7 15.3 16.2c1.9 7.4-.5 14-1.8 17.2-6.3 15.4-55 113.1-55 113.1" style="fill:#609926"/><path d="M326.8 380.1c-8.2.1-15.4 5.8-17.3 13.8s2 16.3 9.1 20c7.7 4 17.5 1.8 22.7-5.4 5.1-7.1 4.3-16.9-1.8-23.1l24-49.1c1.5.1 3.7.2 6.2-.5 4.1-.9 7.1-3.6 7.1-3.6 4.2 1.8 8.6 3.8 13.2 6.1 4.8 2.4 9.3 4.9 13.4 7.3.9.5 1.8 1.1 2.8 1.9 1.6 1.3 3.4 3.1 4.7 5.5 1.9 5.5-1.9 14.9-1.9 14.9-2.3 7.6-18.4 40.6-18.4 40.6-8.1-.2-15.3 5-17.7 12.5-2.6 8.1 1.1 17.3 8.9 21.3s17.4 1.7 22.5-5.3c5-6.8 4.6-16.3-1.1-22.6 1.9-3.7 3.7-7.4 5.6-11.3 5-10.4 13.5-30.4 13.5-30.4.9-1.7 5.7-10.3 2.7-21.3-2.5-11.4-12.6-16.7-12.6-16.7-12.2-7.9-29.2-15.2-29.2-15.2s0-4.1-1.1-7.1c-1.1-3.1-2.8-5.1-3.9-6.3 4.7-9.7 9.4-19.3 14.1-29-4.1-2-8.1-4-12.2-6.1-4.8 9.8-9.7 19.7-14.5 29.5-6.7-.1-12.9 3.5-16.1 9.4-3.4 6.3-2.7 14.1 1.9 19.8z" style="fill:#609926"/></svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
@ -1,14 +1,38 @@
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import Sign_In from "~/components/auth/Sign_In";
|
||||
import TT_Header from "~/components/ui/TT_Header";
|
||||
|
||||
export default function No_Session() {
|
||||
return (
|
||||
<main className="w-full min-h-screen mx-auto text-center pt-10
|
||||
<main className="w-full min-h-screen mx-auto text-center pt-2 md:pt-10
|
||||
bg-gradient-to-b from-[#111111] to-[#212325]">
|
||||
<div className="pt-8 pb-4">
|
||||
<div className="w-2/3 pt-4 pb-2 md:pt-8 md:pb-4 m-auto">
|
||||
<TT_Header />
|
||||
</div>
|
||||
< Sign_In />
|
||||
<div className="w-5/6 mx-auto flex flex-col">
|
||||
<h3 className="text-center text-[16px] md:text-lg italic pt-4">
|
||||
You must have a Gulfport Microsoft 365 Account to sign in.
|
||||
</h3>
|
||||
<Link href="https://authjs.dev/getting-started/providers/microsoft-entra-id"
|
||||
className="text-center text-[16px] md:text-lg italic pt-4 pb-4 text-sky-200
|
||||
hover:text-sky-300"
|
||||
>
|
||||
Tech Tracker uses Auth.js and Microsoft Entra ID for Authentication
|
||||
</Link>
|
||||
<Link href="https://git.gibbyb.com/gib/Tech_Tracker_Web"
|
||||
className="text-center text-[16px] md:text-lg px-4 py-2 md:py-2.5 font-semibold
|
||||
bg-gradient-to-tl from-[#35363F] to=[#24191A] rounded-xl hover:text-sky-200
|
||||
hover:bg-gradient-to-tr hover:from-[#35363F] hover:to-[#23242F]
|
||||
mx-auto flex flex-row mt-4"
|
||||
>
|
||||
<Image src="/images/gitea_logo.svg" alt="Gitea" width={35} height={35}
|
||||
className="mr-2"
|
||||
/>
|
||||
<h3 className="my-auto">View Source Code</h3>
|
||||
</Link>
|
||||
</div>
|
||||
</main>
|
||||
);
|
||||
};
|
||||
|
||||
@ -9,12 +9,12 @@ export default async function Sign_In() {
|
||||
await signIn("microsoft-entra-id");
|
||||
}}>
|
||||
<button type="submit" className="flex flex-row mx-auto
|
||||
bg-gradient-to-tl from-[#35363F] to=[#24191A] rounded-xl px-4 py-3 md:text-2xl
|
||||
sm:text-xl font-semibold text-white hover:bg-gradient-to-tr hover:from-[#35363F] hover:to-[#23242F]">
|
||||
bg-gradient-to-tl from-[#35363F] to=[#24191A] rounded-xl px-4 py-2 md:py-2.5
|
||||
font-semibold text-white hover:bg-gradient-to-tr hover:from-[#35363F] hover:to-[#23242F]">
|
||||
<Image src="/images/microsoft_logo.png" alt="Microsoft" width={35} height={35}
|
||||
className="mr-2"
|
||||
/>
|
||||
<h1 className="text-2xl my-auto font-semibold">Sign In</h1>
|
||||
<h1 className="md:text-2xl my-auto font-semibold">Sign In</h1>
|
||||
</button>
|
||||
</form>
|
||||
);
|
||||
|
||||
@ -10,15 +10,21 @@ export default async function Sign_Out() {
|
||||
// Add User profile picture next to Sign Out button
|
||||
const pfp = session?.user?.image ? session.user.image : "/images/default_user_pfp.png";
|
||||
return (
|
||||
<form className="w-full flex flex-row pt-4 pr-8"
|
||||
<form className="w-full flex flex-row pt-2 pr-0 md:pt-4 md:pr-8"
|
||||
action={async () => {
|
||||
"use server"
|
||||
await signOut()
|
||||
}}>
|
||||
<Image src={pfp} alt="" width={35} height={35}
|
||||
className="rounded-full border-2 border-white m-auto mr-4"
|
||||
className="rounded-full border-2 border-white m-auto mr-1 md:mr-2
|
||||
max-w-[25px] md:max-w-[35px]"
|
||||
/>
|
||||
<button type="submit" className="w-full">Sign Out</button>
|
||||
<button type="submit" className="w-full p-2 rounded-xl text-sm md:text-lg
|
||||
bg-gradient-to-tl from-[#35363F] to=[#24191A]
|
||||
hover:bg-gradient-to-tr hover:from-[#35363F] hover:to-[#23242F]"
|
||||
>
|
||||
Sign Out
|
||||
</button>
|
||||
</form>
|
||||
);
|
||||
}
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -110,12 +110,12 @@
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
.title-text {
|
||||
font-size: 32px;
|
||||
}
|
||||
.techtable {
|
||||
font-size: 20px;
|
||||
}
|
||||
.tabletitles {
|
||||
font-size: 24px;
|
||||
}
|
||||
.techtable {
|
||||
font-size: 16px;
|
||||
}
|
||||
.tabletitles {
|
||||
font-size:18px;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user