Skip to content

Commit a14ba9e

Browse files
deeshresthadeeshrestha
authored
Merge pull request #2 from flick36/master
Slightly better desgin
2 parents 84c2f15 + 1e11189 commit a14ba9e

File tree

7 files changed

+446
-408
lines changed

7 files changed

+446
-408
lines changed

‎src/bulma-stubs/views/auth/login.blade.php‎

Lines changed: 96 additions & 77 deletions
Original file line numberDiff line numberDiff line change
@@ -2,85 +2,104 @@
22

33
@section('content')
44

5-
6-
<section class="hero is-primary">
7-
<div class="hero-body">
8-
<div class="container">
9-
<h1 class="title">
10-
Login
11-
</h1>
5+
<section class="hero is-primary">
6+
<div class="hero-body">
7+
<div class="container">
8+
<h1 class="title">
9+
Login
10+
</h1>
11+
</div>
1212
</div>
13-
</div>
14-
</section>
15-
16-
<div class="container">
17-
18-
<div class="columns">
19-
20-
<div class="column is-6 is-offset-3">
21-
22-
<p>
23-
<br>
24-
<br>
25-
</p>
26-
27-
<form class="login-form" method="POST" action="{{ route('login') }}">
28-
29-
{{ csrf_field() }}
30-
31-
<div class="field">
32-
<label class="label">E-Mail Address</label>
33-
34-
<div class="control has-icons-left has-icons-right">
35-
<input class="input" id="email" type="email" name="email" value="{{ old('email') }}" required autofocus>
36-
</div>
37-
38-
@if ($errors->has('email'))
39-
<p class="help is-danger">
40-
{{ $errors->first('email') }}
41-
</p>
42-
@endif
13+
</section>
14+
15+
<div class="columns is-marginless is-centered">
16+
<div class="column is-5">
17+
<div class="card">
18+
<header class="card-header">
19+
<p class="card-header-title">Login</p>
20+
</header>
21+
22+
<div class="card-content">
23+
<form class="login-form" method="POST" action="{{ route('login') }}">
24+
{{ csrf_field() }}
25+
26+
<div class="field is-horizontal">
27+
<div class="field-label">
28+
<label class="label">E-Mail Address</label>
29+
</div>
30+
31+
<div class="field-body">
32+
<div class="field">
33+
<p class="control">
34+
<input class="input" id="email" type="email" name="email"
35+
value="{{ old('email') }}" required autofocus>
36+
</p>
37+
38+
@if ($errors->has('email'))
39+
<p class="help is-danger">
40+
{{ $errors->first('email') }}
41+
</p>
42+
@endif
43+
</div>
44+
</div>
45+
</div>
46+
47+
<div class="field is-horizontal">
48+
<div class="field-label">
49+
<label class="label">Password</label>
50+
</div>
51+
52+
<div class="field-body">
53+
<div class="field">
54+
<p class="control">
55+
<input class="input" id="password" type="password" name="password"
56+
aria-describedby="passwordHelpText" required>
57+
</p>
58+
59+
@if ($errors->has('password'))
60+
<p class="help is-danger">
61+
{{ $errors->first('password') }}
62+
</p>
63+
@endif
64+
</div>
65+
</div>
66+
</div>
67+
68+
<div class="field is-horizontal">
69+
<div class="field-label"></div>
70+
71+
<div class="field-body">
72+
<div class="field">
73+
<p class="control">
74+
<label class="checkbox">
75+
<input type="checkbox"
76+
name="remember" {{ old('remember') ? 'checked' : '' }}> Remember Me
77+
</label>
78+
</p>
79+
</div>
80+
</div>
81+
</div>
82+
83+
<div class="field is-horizontal">
84+
<div class="field-label"></div>
85+
86+
<div class="field-body">
87+
<div class="field is-grouped">
88+
<div class="control">
89+
<button type="submit" class="button is-primary">Login</button>
90+
</div>
91+
92+
<div class="control">
93+
<a href="{{ route('password.request') }}">
94+
Forgot Your Password?
95+
</a>
96+
</div>
97+
</div>
98+
</div>
99+
</div>
100+
</form>
43101
</div>
44-
45-
<div class="field">
46-
<label class="label">Password</label>
47-
48-
<div class="control has-icons-left has-icons-right">
49-
<input class="input" id="password" type="password" name="password" aria-describedby="passwordHelpText" required>
50-
</div>
51-
52-
@if ($errors->has('password'))
53-
<p class="help is-danger">
54-
{{ $errors->first('password') }}
55-
</p>
56-
@endif
57-
</div>
58-
59-
60-
<div class="field">
61-
<div class="control">
62-
<label class="checkbox">
63-
<input type="checkbox" name="remember" {{ old('remember') ? 'checked' : '' }}> Remember Me
64-
</label>
65-
</div>
66-
</div>
67-
68-
<div class="field is-grouped">
69-
<div class="control">
70-
<button type="submit" class="button is-primary">Login</button>
71-
</div>
72-
73-
<a href="{{ route('password.request') }}">
74-
&nbsp;
75-
Forgot Your Password?
76-
</a>
77-
</div>
78-
79-
</form>
80-
102+
</div>
81103
</div>
82-
83104
</div>
84-
85-
</div>
86105
@endsection

‎src/bulma-stubs/views/auth/passwords/email.blade.php‎

Lines changed: 60 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -3,62 +3,70 @@
33
@section('content')
44

55

6-
<section class="hero is-primary">
7-
<div class="hero-body">
8-
<div class="container">
9-
<h1 class="title">
10-
Reset Password
11-
</h1>
6+
<section class="hero is-primary">
7+
<div class="hero-body">
8+
<div class="container">
9+
<h1 class="title">
10+
Reset Password
11+
</h1>
12+
</div>
1213
</div>
13-
</div>
14-
</section>
15-
16-
17-
18-
<div class="container">
19-
20-
<div class="columns">
21-
22-
<div class="column is-6 is-offset-3">
23-
24-
<p>
25-
<br>
26-
<br>
27-
</p>
28-
29-
@if (session('status'))
30-
<div class="notification">
31-
{{ session('status') }}
32-
</div>
33-
@endif
34-
35-
<form class="forgot-password-form" method="POST" action="{{ route('password.email') }}">
36-
37-
{{ csrf_field() }}
38-
39-
<div class="field">
40-
<label class="label">E-Mail Address</label>
41-
42-
<div class="control has-icons-left has-icons-right">
43-
<input class="input" id="email" type="email" name="email" value="{{ old('email') }}" required autofocus>
44-
</div>
45-
46-
@if ($errors->has('email'))
47-
<p class="help is-danger">
48-
{{ $errors->first('email') }}
49-
</p>
14+
</section>
15+
16+
<div class="columns is-marginless is-centered">
17+
<div class="column is-5">
18+
<div class="card">
19+
<header class="card-header">
20+
<p class="card-header-title">Reset Password</p>
21+
</header>
22+
23+
<div class="card-content">
24+
@if (session('status'))
25+
<div class="notification">
26+
{{ session('status') }}
27+
</div>
5028
@endif
51-
</div>
5229

53-
<div class="control">
54-
<button type="submit" class="button is-primary">Send Password Reset Link</button>
30+
<form class="forgot-password-form" method="POST" action="{{ route('password.email') }}">
31+
32+
{{ csrf_field() }}
33+
34+
<div class="field is-horizontal">
35+
<div class="field-label">
36+
<label class="label">E-Mail Address</label>
37+
</div>
38+
39+
<div class="field-body">
40+
<div class="field">
41+
<p class="control">
42+
<input class="input" id="email" type="email" name="email"
43+
value="{{ old('email') }}" required autofocus>
44+
</p>
45+
46+
@if ($errors->has('email'))
47+
<p class="help is-danger">
48+
{{ $errors->first('email') }}
49+
</p>
50+
@endif
51+
</div>
52+
</div>
53+
</div>
54+
55+
<div class="field is-horizontal">
56+
<div class="field-label"></div>
57+
58+
<div class="field-body">
59+
<div class="field is-grouped">
60+
<div class="control">
61+
<button type="submit" class="button is-primary">Send Password Reset Link
62+
</button>
63+
</div>
64+
</div>
65+
</div>
66+
</div>
67+
</form>
5568
</div>
56-
57-
</form>
58-
59-
69+
</div>
6070
</div>
61-
6271
</div>
63-
6472
@endsection

0 commit comments

Comments
 (0)