diff options
author | vantezzen <hello@vantezzen.io> | 2020-04-02 15:32:18 +0200 |
---|---|---|
committer | vantezzen <hello@vantezzen.io> | 2020-04-02 15:32:18 +0200 |
commit | ddd002094d5c80ca4065b7d181e7f5b9471556da (patch) | |
tree | 1c5d9d018878595b32b4ec6bd3734bef698237d5 /resources/views/dashboard/login.edge | |
parent | Merge branch 'master' of https://github.com/getferdi/ferdi-server (diff) | |
download | ferdium-server-ddd002094d5c80ca4065b7d181e7f5b9471556da.tar.gz ferdium-server-ddd002094d5c80ca4065b7d181e7f5b9471556da.tar.zst ferdium-server-ddd002094d5c80ca4065b7d181e7f5b9471556da.zip |
Update dashboard design
Diffstat (limited to 'resources/views/dashboard/login.edge')
-rw-r--r-- | resources/views/dashboard/login.edge | 86 |
1 files changed, 54 insertions, 32 deletions
diff --git a/resources/views/dashboard/login.edge b/resources/views/dashboard/login.edge index 16042b3..9b4b52a 100644 --- a/resources/views/dashboard/login.edge +++ b/resources/views/dashboard/login.edge | |||
@@ -1,42 +1,64 @@ | |||
1 | @layout('layouts.main') | 1 | @layout('layouts.v2') |
2 | 2 | ||
3 | @section('content') | 3 | @section('content') |
4 | <h2>Login</h2> | 4 | <div class="w-screen h-screen bg-purple-200 flex items-center justify-center"> |
5 | @if(flashMessage('error')) | 5 | <form class="w-full max-w-sm bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4" |
6 | <div class="alert"> | 6 | action="{{ route('login') }}" method="POST"> |
7 | {{ flashMessage('error') }} | 7 | <h1 class="text-gray-700 text-center text-2xl pb-5"> |
8 | Login | ||
9 | </h1> | ||
10 | |||
11 | @if(flashMessage('error')) | ||
12 | <div class="bg-orange-100 border-l-4 border-orange-500 text-orange-700 p-4"> | ||
13 | {{ flashMessage('error') }} | ||
8 | </div> | 14 | </div> |
9 | @endif | 15 | @endif |
10 | @if(old('message')) | 16 | @if(old('message')) |
11 | <div class="alert"> | 17 | <div class="bg-orange-100 border-l-4 border-orange-500 text-orange-700 p-4"> |
12 | {{ old('message') }} | 18 | {{ old('message') }} |
13 | </div> | 19 | </div> |
14 | @endif | 20 | @endif |
15 | <form action="/user/login" method="POST"> | 21 | |
16 | {{ csrfField() }} | 22 | {{ csrfField() }} |
17 | <div> | 23 | <div class="mb-4"> |
18 | <label>E-Mail</label> | 24 | <label class="block text-gray-700 text-sm font-bold mb-2" for="username"> |
19 | <div> | 25 | |
20 | <input type="email" value="{{ old('mail', '') }}" placeholder="E-Mail" name="mail"> | 26 | </label> |
21 | </div> | 27 | <input |
22 | </div> | 28 | class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" |
23 | <div> | 29 | id="mail" |
24 | <label>Password</label> | 30 | name="mail" |
25 | <div> | 31 | type="text" |
26 | <input type="password" placeholder="*********" name="password"> | 32 | placeholder="E-Mail" |
27 | </div> | 33 | value="{{ old('mail', '') }}" |
34 | required> | ||
28 | </div> | 35 | </div> |
29 | <div> | 36 | <div class="mb-6"> |
30 | <button>Login</button> | 37 | <label class="block text-gray-700 text-sm font-bold mb-2" for="password"> |
31 | By logging in, you accept the <a href="/terms">Terms of Service</a> and <a href="/privacy">Privacy policy</a>. This website uses cookies to log you in. | 38 | Password |
32 | 39 | </label> | |
40 | <input | ||
41 | class="shadow appearance-none rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline" | ||
42 | id="password" | ||
43 | type="password" | ||
44 | name="password" | ||
45 | placeholder="*****" | ||
46 | autocomplete="current-password" | ||
47 | required> | ||
33 | </div> | 48 | </div> |
34 | <div> | 49 | <button |
35 | <p>Not a member yet? Register in the Ferdi app or <a href="../import">import your Franz account</a>.</p> | 50 | class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline" |
51 | type="submit"> | ||
52 | Sign In | ||
53 | </button> | ||
54 | <p class="text-gray-600 text-sm text-center py-2"> | ||
55 | By logging in, you accept the <a href="/terms">Terms of Service</a> and <a href="/privacy">Privacy policy</a>. This website uses cookies to log you in. | ||
56 | </p> | ||
57 | <div class="text-center"> | ||
58 | <a class="w-full font-bold text-sm text-blue-500 hover:text-blue-800" href="../import"> | ||
59 | Import your Franz account | ||
60 | </a> | ||
36 | </div> | 61 | </div> |
37 | </form> | 62 | </form> |
38 | <br /> | ||
39 | |||
40 | </div> | 63 | </div> |
41 | 64 | @endsection | |
42 | @endsection \ No newline at end of file | ||