Skip to content
This repository was archived by the owner on Dec 14, 2020. It is now read-only.

Commit 843db8a

Browse files
authored
Improve form responsive breakpoints (#11)
1 parent 4a35800 commit 843db8a

File tree

4 files changed

+25
-25
lines changed

4 files changed

+25
-25
lines changed

src/bootstrap-stubs/views/auth/login.blade.php

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,9 @@
1111
{{ csrf_field() }}
1212

1313
<div class="form-group row">
14-
<label for="email" class="col-md-4 col-form-label text-right">E-Mail Address</label>
14+
<label for="email" class="col-lg-4 col-form-label text-lg-right">E-Mail Address</label>
1515

16-
<div class="col-md-6">
16+
<div class="col-lg-6">
1717
<input
1818
id="email"
1919
type="email"
@@ -33,9 +33,9 @@ class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}"
3333
</div>
3434

3535
<div class="form-group row">
36-
<label for="password" class="col-md-4 col-form-label text-right">Password</label>
36+
<label for="password" class="col-lg-4 col-form-label text-lg-right">Password</label>
3737

38-
<div class="col-md-6">
38+
<div class="col-lg-6">
3939
<input
4040
id="password"
4141
type="password"
@@ -53,7 +53,7 @@ class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}"
5353
</div>
5454

5555
<div class="form-group row">
56-
<div class="col-md-6 offset-md-4">
56+
<div class="col-lg-6 offset-lg-4">
5757
<div class="form-check">
5858
<label class="form-check-label">
5959
<input type="checkbox" class="form-check-input" name="remember" {{ old('remember') ? 'checked' : '' }}> Remember Me
@@ -63,7 +63,7 @@ class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}"
6363
</div>
6464

6565
<div class="form-group row">
66-
<div class="col-md-8 offset-md-4">
66+
<div class="col-lg-8 offset-lg-4">
6767
<button type="submit" class="btn btn-primary">
6868
Login
6969
</button>

src/bootstrap-stubs/views/auth/passwords/email.blade.php

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,9 +17,9 @@
1717
{!! csrf_field() !!}
1818

1919
<div class="form-group row">
20-
<label class="col-md-4 col-form-label text-right">E-Mail Address</label>
20+
<label class="col-lg-4 col-form-label text-lg-right">E-Mail Address</label>
2121

22-
<div class="col-md-6">
22+
<div class="col-lg-6">
2323
<input type="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" value="{{ old('email') }}">
2424

2525
@if ($errors->has('email'))
@@ -31,7 +31,7 @@
3131
</div>
3232

3333
<div class="form-group row">
34-
<div class="col-md-6 offset-md-4">
34+
<div class="col-lg-6 offset-lg-4">
3535
<button type="submit" class="btn btn-primary">
3636
Send Password Reset Link
3737
</button>

src/bootstrap-stubs/views/auth/passwords/reset.blade.php

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -13,9 +13,9 @@
1313
<input type="hidden" name="token" value="{{ $token }}">
1414

1515
<div class="form-group row">
16-
<label class="col-md-4 col-form-label text-right">E-Mail Address</label>
16+
<label class="col-lg-4 col-form-label text-lg-right">E-Mail Address</label>
1717

18-
<div class="col-md-6">
18+
<div class="col-lg-6">
1919
<input
2020
type="email"
2121
class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}"
@@ -31,9 +31,9 @@ class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}"
3131
</div>
3232

3333
<div class="form-group row">
34-
<label class="col-md-4 col-form-label text-right">Password</label>
34+
<label class="col-lg-4 col-form-label text-lg-right">Password</label>
3535

36-
<div class="col-md-6">
36+
<div class="col-lg-6">
3737
<input
3838
type="password"
3939
class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}"
@@ -48,8 +48,8 @@ class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}"
4848
</div>
4949

5050
<div class="form-group row">
51-
<label class="col-md-4 col-form-label text-right">Confirm Password</label>
52-
<div class="col-md-6">
51+
<label class="col-lg-4 col-form-label text-lg-right">Confirm Password</label>
52+
<div class="col-lg-6">
5353
<input
5454
type="password"
5555
class="form-control{{ $errors->has('password_confirmation') ? ' is-invalid' : '' }}"
@@ -64,7 +64,7 @@ class="form-control{{ $errors->has('password_confirmation') ? ' is-invalid' : ''
6464
</div>
6565

6666
<div class="form-group row">
67-
<div class="col-md-6 offset-md-4">
67+
<div class="col-lg-6 offset-lg-4">
6868
<button type="submit" class="btn btn-primary">
6969
Reset Password
7070
</button>

src/bootstrap-stubs/views/auth/register.blade.php

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,9 @@
1111
{!! csrf_field() !!}
1212

1313
<div class="form-group row">
14-
<label class="col-md-4 col-form-label text-right">Name</label>
14+
<label class="col-lg-4 col-form-label text-lg-right">Name</label>
1515

16-
<div class="col-md-6">
16+
<div class="col-lg-6">
1717
<input
1818
type="text"
1919
class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}"
@@ -30,9 +30,9 @@ class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}"
3030
</div>
3131

3232
<div class="form-group row">
33-
<label class="col-md-4 col-form-label text-right">E-Mail Address</label>
33+
<label class="col-lg-4 col-form-label text-lg-right">E-Mail Address</label>
3434

35-
<div class="col-md-6">
35+
<div class="col-lg-6">
3636
<input
3737
type="email"
3838
class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}"
@@ -50,9 +50,9 @@ class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}"
5050
</div>
5151

5252
<div class="form-group row">
53-
<label class="col-md-4 col-form-label text-right">Password</label>
53+
<label class="col-lg-4 col-form-label text-lg-right">Password</label>
5454

55-
<div class="col-md-6">
55+
<div class="col-lg-6">
5656
<input
5757
type="password"
5858
class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}"
@@ -68,9 +68,9 @@ class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}"
6868
</div>
6969

7070
<div class="form-group row">
71-
<label class="col-md-4 col-form-label text-right">Confirm Password</label>
71+
<label class="col-lg-4 col-form-label text-lg-right">Confirm Password</label>
7272

73-
<div class="col-md-6">
73+
<div class="col-lg-6">
7474
<input
7575
type="password"
7676
class="form-control{{ $errors->has('password_confirmation') ? ' is-invalid' : '' }}"
@@ -86,7 +86,7 @@ class="form-control{{ $errors->has('password_confirmation') ? ' is-invalid' : ''
8686
</div>
8787

8888
<div class="form-group row">
89-
<div class="col-md-6 offset-md-4">
89+
<div class="col-lg-6 offset-lg-4">
9090
<button type="submit" class="btn btn-primary">
9191
Register
9292
</button>

0 commit comments

Comments
 (0)