|
Last change
on this file since dedbf60 was baf4cc4, checked in by ppaunovski <paunovskipavel@…>, 3 months ago |
|
split group project and individual project into two separate folders
|
-
Property mode
set to
100644
|
|
File size:
1.8 KB
|
| Line | |
|---|
| 1 | <!--
|
|---|
| 2 | This example requires some changes to your config:
|
|---|
| 3 |
|
|---|
| 4 | ```
|
|---|
| 5 | // tailwind.config.js
|
|---|
| 6 | module.exports = {
|
|---|
| 7 | // ...
|
|---|
| 8 | plugins: [
|
|---|
| 9 | // ...
|
|---|
| 10 | require('@tailwindcss/forms'),
|
|---|
| 11 | ],
|
|---|
| 12 | }
|
|---|
| 13 | ```
|
|---|
| 14 | -->
|
|---|
| 15 | <!--
|
|---|
| 16 | This example requires updating your template:
|
|---|
| 17 |
|
|---|
| 18 | ```
|
|---|
| 19 | <html class="h-full bg-white">
|
|---|
| 20 | <body class="h-full">
|
|---|
| 21 | ```
|
|---|
| 22 | -->
|
|---|
| 23 | <div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
|
|---|
| 24 | <div class="sm:mx-auto sm:w-full sm:max-w-sm">
|
|---|
| 25 | <img class="mx-auto h-10 w-auto" src="https://tailwindui.com/img/logos/mark.svg?color=indigo&shade=600" alt="Your Company">
|
|---|
| 26 | <h2 class="mt-10 text-center text-2xl font-bold leading-9 tracking-tight text-gray-900">Sign in to your account</h2>
|
|---|
| 27 | </div>
|
|---|
| 28 |
|
|---|
| 29 | <div class="mt-10 sm:mx-auto sm:w-full sm:max-w-sm">
|
|---|
| 30 | <form [formGroup]="form" class="space-y-6" (ngSubmit)="onSubmit($event)">
|
|---|
| 31 | <mat-form-field appearance="outline">
|
|---|
| 32 | <label>Email</label>
|
|---|
| 33 | <input matInput formControlName="email" placeholder="john.doe@example.com">
|
|---|
| 34 | </mat-form-field>
|
|---|
| 35 |
|
|---|
| 36 | <mat-form-field appearance="outline">
|
|---|
| 37 | <label>Password</label>
|
|---|
| 38 | <input matInput [type]="'password'" formControlName="password">
|
|---|
| 39 | </mat-form-field>
|
|---|
| 40 |
|
|---|
| 41 | <div>
|
|---|
| 42 | <input [disabled]="form.invalid || form.pristine" value="Sign in" type="submit" class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
|
|---|
| 43 | </div>
|
|---|
| 44 | </form>
|
|---|
| 45 |
|
|---|
| 46 | <p class="mt-10 text-center text-sm text-gray-500">
|
|---|
| 47 | Not a member?
|
|---|
| 48 | <a [routerLink]="['/register']" class="font-semibold leading-6 text-indigo-600 hover:text-indigo-500">Register now!</a>
|
|---|
| 49 | </p>
|
|---|
| 50 | </div>
|
|---|
| 51 | </div>
|
|---|
Note:
See
TracBrowser
for help on using the repository browser.
