diff --git a/ui/src/app/signin/components/Background.tsx b/ui/src/app/signin/components/Background.tsx new file mode 100644 index 0000000..1ad5032 --- /dev/null +++ b/ui/src/app/signin/components/Background.tsx @@ -0,0 +1,2788 @@ +import * as React from "react" +import { SVGProps } from "react" +const Background = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) +export default Background diff --git a/ui/src/app/signin/components/Facescan.tsx b/ui/src/app/signin/components/Facescan.tsx new file mode 100644 index 0000000..80b0e9e --- /dev/null +++ b/ui/src/app/signin/components/Facescan.tsx @@ -0,0 +1,69 @@ +import { SVGProps } from "react"; + +const FaceScan = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + +); + +export default FaceScan; diff --git a/ui/src/app/signin/page.tsx b/ui/src/app/signin/page.tsx index 4f940b6..8be91d0 100644 --- a/ui/src/app/signin/page.tsx +++ b/ui/src/app/signin/page.tsx @@ -8,11 +8,14 @@ import { Stack, Password, Row, + Logo, } from "../../components/ui"; import React from "react"; import SignInForm from "./components/SignInForm"; import { getServerSession } from "next-auth"; import { redirect } from "next/navigation"; +import FaceScan from "./components/Facescan"; +import Background from "./components/Background"; export default async function Signin() { const session = await getServerSession(); @@ -32,10 +35,15 @@ export default async function Signin() { - - - UUG.AI + + + + + + A product made by + + ); diff --git a/ui/styles/tailwind.css b/ui/styles/tailwind.css index 11e692e..993af45 100644 --- a/ui/styles/tailwind.css +++ b/ui/styles/tailwind.css @@ -1,5 +1,5 @@ /* -! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com +! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com */ /* @@ -655,6 +655,10 @@ video { right: -1.25rem; } +.bottom-3 { + bottom: 0.75rem; +} + .right-2 { right: 0.5rem; } @@ -683,10 +687,6 @@ video { z-index: 10; } -.m-1 { - margin: 0.25rem; -} - .mb-1 { margin-bottom: 0.25rem; } @@ -695,6 +695,10 @@ video { margin-bottom: 1rem; } +.mr-10 { + margin-right: 2.5rem; +} + .mt-auto { margin-top: auto; } @@ -875,6 +879,10 @@ video { width: 1.5rem; } +.w-60 { + width: 15rem; +} + .w-8 { width: 2rem; } @@ -887,14 +895,6 @@ video { width: 100%; } -.w-60 { - width: 15rem; -} - -.w-32 { - width: 8rem; -} - .min-w-1\/3 { min-width: 33.333333%; } @@ -912,14 +912,6 @@ video { max-width: 65ch; } -.max-w-60 { - max-width: 15rem; -} - -.flex-1 { - flex: 1 1 0%; -} - .shrink { flex-shrink: 1; } @@ -974,8 +966,8 @@ video { place-content: center; } -.content-center { - align-content: center; +.place-content-end { + place-content: end; } .items-start { @@ -1002,12 +994,12 @@ video { gap: 3rem; } -.gap-4 { - gap: 1rem; +.gap-2 { + gap: 0.5rem; } -.gap-1 { - gap: 0.25rem; +.gap-4 { + gap: 1rem; } .gap-2 { @@ -1072,14 +1064,6 @@ video { justify-self: end; } -.overflow-auto { - overflow: auto; -} - -.overflow-hidden { - overflow: hidden; -} - .truncate { overflow: hidden; text-overflow: ellipsis; @@ -1259,6 +1243,11 @@ video { border-color: rgb(23 37 84 / .20); } +.bg-gray-200 { + --tw-bg-opacity: 1; + background-color: rgb(229 231 235 / var(--tw-bg-opacity)); +} + .bg-primary-50 { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity)); @@ -1301,46 +1290,16 @@ video { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } -.bg-gradient-to-r { - background-image: linear-gradient(to right, var(--tw-gradient-stops)); -} - -.bg-gradient-to-t { - background-image: linear-gradient(to top, var(--tw-gradient-stops)); -} - .from-gradientBlue-300 { --tw-gradient-from: #67e8f9 var(--tw-gradient-from-position); --tw-gradient-to: rgb(103 232 249 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } -.from-primary-400 { - --tw-gradient-from: #60a5fa var(--tw-gradient-from-position); - --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.from-primary-500 { - --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.from-primary-600 { - --tw-gradient-from: #2563eb var(--tw-gradient-from-position); - --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - .to-gradientBlue-500 { --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position); } -.to-primary-900 { - --tw-gradient-to: #1e3a8a var(--tw-gradient-to-position); -} - .bg-repeat { background-repeat: repeat; } @@ -1623,11 +1582,6 @@ video { color: rgb(23 37 84 / .9); } -.text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - .text-red-700 { --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity)); @@ -1686,10 +1640,26 @@ video { opacity: 0.1; } +.opacity-40 { + opacity: 0.4; +} + .opacity-60 { opacity: 0.6; } +.opacity-20 { + opacity: 0.2; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-30 { + opacity: 0.3; +} + .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -1818,14 +1788,6 @@ video { opacity: 0; } -.backdrop\:bg-gray-800\/50::backdrop { - background-color: rgb(31 41 55 / 0.5); -} - -.backdrop\:bg-primary-800\/50::backdrop { - background-color: rgb(30 64 175 / 0.5); -} - .placeholder-shown\:border:-moz-placeholder-shown { border-width: 1px; }