|
11 | 11 |
|
12 | 12 | <div class="position-relative"> |
13 | 13 | <div class="authentication-wrapper authentication-basic container-p-y"> |
14 | | - <div class="authentication-inner py-4"> |
| 14 | + <div class="authentication-inner py-6 mx-4"> |
15 | 15 |
|
16 | 16 | <!-- Register Card --> |
17 | | - <div class="card p-2"> |
| 17 | + <div class="card p-7"> |
18 | 18 | <!-- Logo --> |
19 | 19 | <div class="app-brand justify-content-center mt-5"> |
20 | | - <a href="/" class="app-brand-link gap-2"> |
| 20 | + <a href="/" class="app-brand-link gap-3"> |
21 | 21 | <span class="app-brand-logo demo">@await Html.PartialAsync("../_Partials/_Macros")</span> |
22 | 22 | <span class="app-brand-text demo text-heading fw-semibold">@TempData.Peek("appName")</span> |
23 | 23 | </a> |
24 | 24 | </div> |
25 | 25 | <!-- /Logo --> |
26 | | - <div class="card-body mt-2"> |
27 | | - <h4 class="mb-2">Adventure starts here 🚀</h4> |
28 | | - <p class="mb-4">Make your app management easy and fun!</p> |
| 26 | + <div class="card-body mt-1"> |
| 27 | + <h4 class="mb-1">Adventure starts here 🚀</h4> |
| 28 | + <p class="mb-5">Make your app management easy and fun!</p> |
29 | 29 |
|
30 | | - <form id="formAuthentication" class="mb-3" action="~/" method="GET"> |
31 | | - <div class="form-floating form-floating-outline mb-3"> |
| 30 | + <form id="formAuthentication" class="mb-5" action="~/" method="GET"> |
| 31 | + <div class="form-floating form-floating-outline mb-5"> |
32 | 32 | <input type="text" class="form-control" id="username" name="username" placeholder="Enter your username" autofocus> |
33 | 33 | <label for="username">Username</label> |
34 | 34 | </div> |
35 | | - <div class="form-floating form-floating-outline mb-3"> |
| 35 | + <div class="form-floating form-floating-outline mb-5"> |
36 | 36 | <input type="text" class="form-control" id="email" name="email" placeholder="Enter your email"> |
37 | 37 | <label for="email">Email</label> |
38 | 38 | </div> |
39 | | - <div class="mb-3 form-password-toggle"> |
| 39 | + <div class="mb-5 form-password-toggle"> |
40 | 40 | <div class="input-group input-group-merge"> |
41 | 41 | <div class="form-floating form-floating-outline"> |
42 | 42 | <input type="password" id="password" class="form-control" name="password" placeholder="············" aria-describedby="password" /> |
43 | 43 | <label for="password">Password</label> |
44 | 44 | </div> |
45 | | - <span class="input-group-text cursor-pointer"><i class="mdi mdi-eye-off-outline"></i></span> |
| 45 | + <span class="input-group-text cursor-pointer"><i class="ri-eye-off-line ri-20px"></i></span> |
46 | 46 | </div> |
47 | 47 | </div> |
48 | 48 |
|
49 | | - <div class="mb-3"> |
50 | | - <div class="form-check"> |
| 49 | + <div class="mb-5 py-2"> |
| 50 | + <div class="form-check mb-0"> |
51 | 51 | <input class="form-check-input" type="checkbox" id="terms-conditions" name="terms"> |
52 | 52 | <label class="form-check-label" for="terms-conditions"> |
53 | 53 | I agree to |
54 | 54 | <a href="javascript:void(0);">privacy policy & terms</a> |
55 | 55 | </label> |
56 | 56 | </div> |
57 | 57 | </div> |
58 | | - <button class="btn btn-primary d-grid w-100"> |
| 58 | + <button class="btn btn-primary d-grid w-100 mb-5"> |
59 | 59 | Sign up |
60 | 60 | </button> |
61 | 61 | </form> |
62 | 62 |
|
63 | | - <p class="text-center"> |
| 63 | + <p class="text-center mb-5"> |
64 | 64 | <span>Already have an account?</span> |
65 | 65 | <a href="/Auth/LoginBasic"> |
66 | 66 | <span>Sign in instead</span> |
|
70 | 70 | </div> |
71 | 71 | <!-- Register Card --> |
72 | 72 | <img src="~/img/illustrations/tree-3.png" alt="auth-tree" class="authentication-image-object-left d-none d-lg-block"> |
73 | | - <img src="~/img/illustrations/auth-basic-mask-light.png" class="authentication-image d-none d-lg-block" alt="triangle-bg" data-app-light-img="illustrations/auth-basic-mask-light.png" data-app-dark-img="illustrations/auth-basic-mask-dark.png"> |
| 73 | + <img src="~/img/illustrations/auth-basic-mask-light.png" class="authentication-image d-none d-lg-block" height="172" alt="triangle-bg" data-app-light-img="illustrations/auth-basic-mask-light.png" data-app-dark-img="illustrations/auth-basic-mask-dark.png"> |
74 | 74 | <img src="~/img/illustrations/tree.png" alt="auth-tree" class="authentication-image-object-right d-none d-lg-block"> |
75 | 75 | </div> |
76 | 76 | </div> |
|
0 commit comments