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

Clean up Authentik login and login page in general.

Browse Source
This commit is contained in:
Gabriel Brown
2025-01-16 10:55:47 -06:00
parent be6f80a997
commit bc9417d36b
7 changed files with 41 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/auth/server/authentik/Sign_In.tsx
View File

@ -12,20 +12,19 @@ const Sign_In_Authentik = () => {
>
<button
type='submit'
className='flex flex-row mx-auto
className='flex flex-col mx-auto text-center items-center
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='md:text-2xl my-auto font-semibold'>
Sign In with Authentik
</h1>
<h1 className='md:text-2xl my-auto font-semibold mb-1'>
Sign In with
</h1>
<Image
src='/images/authentik_logo.svg'
alt='Microsoft'
width={150}
height={150}
/>
</button>
</form>
);

12
src/components/auth/server/microsoft/Sign_In.tsx
View File

@ -12,18 +12,18 @@ export default async function Sign_In_Microsoft() {
>
<button
type='submit'
className='flex flex-row mx-auto
className='flex flex-col mx-auto text-center items-center
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]'
>
<h1 className='md:text-2xl my-auto font-semibold'>Sign In with</h1>
<Image
src='/images/microsoft_logo.png'
src='/images/microsoft_logo.svg'
alt='Microsoft'
width={35}
height={35}
className='mr-2'
width={150}
height={150}
className='ml-2'
/>
<h1 className='md:text-2xl my-auto font-semibold'>Sign In</h1>
</button>
</form>
);

2
src/components/ui/Header.tsx
View File

@ -25,7 +25,7 @@ export default function Header() {
</div>
<div
className='flex flex-row items-center text-center
sm:justify-center ml-4 sm:ml-0 p-4'
justify-center sm:ml-0 p-4 mt-10 sm:mt-0'
>
<Image
src='/images/tech_tracker_logo.png'

37
src/components/ui/No_Session.tsx
View File

@ -13,28 +13,35 @@ export default function No_Session() {
<div className='md:w-2/3 pt-4 pb-2 md:pt-10 md:pb-4 m-auto'>
<Header />
</div>
<div className='mx-auto flex flex-col'>
<div className='py-4'>
<Sign_In_Microsoft />
</div>
<div className='py-4'>
<Sign_In_Authentik />
<div className='mx-auto flex flex-col items-center justify-center'>
<div className='flex sm:flex-row flex-col p-4'>
<div className='p-4'>
<Sign_In_Microsoft />
</div>
<div className='p-4'>
<Sign_In_Authentik />
</div>
</div>
</div>
<div className='sm:absolute sm:bottom-6 sm:left-4 flex flex-row'>
<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'
className='text-center text-[16px] md:text-lg p-2 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-col items-center justify-center'
>
<Image
<h3 className='my-auto'>View Source Code on</h3>
<div className='flex flex-row px-2'>
<Image
src='/images/gitea_logo.svg'
alt='Gitea'
width={35}
height={35}
width={40}
height={40}
className='mr-2'
/>
<h3 className='my-auto'>Source Code</h3>
/>
<h3 className='my-auto text-2xl'>Gitea</h3>
</div>
</Link>
</div>
</main>