diff --git a/src/lib/components/login-form.svelte b/src/lib/components/login-form.svelte index 550cb69..2cdd35e 100644 --- a/src/lib/components/login-form.svelte +++ b/src/lib/components/login-form.svelte @@ -3,24 +3,20 @@ FieldGroup, Field, FieldLabel, - FieldDescription, - FieldSeparator, - } from "$lib/components/ui/field/index.js"; - import { Input } from "$lib/components/ui/input/index.js"; - import { Button } from "$lib/components/ui/button/index.js"; - import { cn, type WithElementRef } from "$lib/utils.js"; - import type { HTMLFormAttributes } from "svelte/elements"; + FieldDescription + } from '$lib/components/ui/field/index.js'; + import { Input } from '$lib/components/ui/input/index.js'; + import { Button } from '$lib/components/ui/button/index.js'; + import { cn, type WithElementRef } from '$lib/utils.js'; + import type { HTMLFormAttributes } from 'svelte/elements'; let { - ref = $bindable(null), class: className, ...restProps }: WithElementRef = $props(); - - const id = $props.id(); -
+

Login to your account

@@ -29,35 +25,25 @@

- Email - + Email +
- Password + Password Forgot your password?
- + - Or continue with - Don't have an account? - Sign up + Sign up diff --git a/src/lib/components/mdev-triangle.svelte b/src/lib/components/mdev-triangle.svelte new file mode 100644 index 0000000..f3e4cc7 --- /dev/null +++ b/src/lib/components/mdev-triangle.svelte @@ -0,0 +1,26 @@ + + + + + + + diff --git a/src/lib/components/signup-form.svelte b/src/lib/components/signup-form.svelte index 9277292..402fcf0 100644 --- a/src/lib/components/signup-form.svelte +++ b/src/lib/components/signup-form.svelte @@ -1,9 +1,9 @@ @@ -40,19 +40,9 @@ - Or continue with - - Already have an account? Sign in + Already have an account? Sign in diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte index 8956b39..4ed6d2d 100644 --- a/src/routes/login/+page.svelte +++ b/src/routes/login/+page.svelte @@ -1,18 +1,20 @@ -
+
- +
- + + +
- Acme Inc. + MarinoDev
@@ -23,8 +25,8 @@
diff --git a/src/routes/signup/+page.svelte b/src/routes/signup/+page.svelte index 8332ff5..4f1a813 100644 --- a/src/routes/signup/+page.svelte +++ b/src/routes/signup/+page.svelte @@ -1,16 +1,16 @@ - -
+
- +
- +
Acme Inc. diff --git a/static/login-hero.png b/static/login-hero.png new file mode 100644 index 0000000..7b2c12a Binary files /dev/null and b/static/login-hero.png differ diff --git a/static/triangle-bw.svg b/static/triangle-bw.svg new file mode 100644 index 0000000..5e6c720 --- /dev/null +++ b/static/triangle-bw.svg @@ -0,0 +1,7 @@ + + + + +