Skip to content

Commit b4d3434

Browse files
rverripsrverrips
committed
update layout/app login and regiser views for tailwind v1
1 parent 337ab54 commit b4d3434

File tree

3 files changed

+34
-34
lines changed

3 files changed

+34
-34
lines changed

‎src/tailwindcss-stubs/resources/views/auth/login.blade.php

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -6,36 +6,36 @@
66
<div class="w-full max-w-sm">
77
<div class="flex flex-col break-words bg-white border border-2 rounded shadow-md">
88

9-
<div class="font-semibold bg-grey-lightest text-grey-darkest py-3 px-6 mb-0 shadow-inner">
9+
<div class="font-semibold bg-gray-200 text-gray-700 py-3 px-6 mb-0 shadow-inner">
1010
{{ __('Login') }}
1111
</div>
1212

1313
<form class="w-full p-6" method="POST" action="{{ route('login') }}">
1414
@csrf
1515

1616
<div class="flex flex-wrap mb-6">
17-
<label for="email" class="block text-grey-darker text-sm font-bold mb-2">
17+
<label for="email" class="block text-gray-700 text-sm font-bold mb-2">
1818
{{ __('E-Mail Address') }}:
1919
</label>
2020

21-
<input id="email" type="email" class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline{{ $errors->has('email') ? ' border-red' : '' }}" name="email" value="{{ old('email') }}" required autofocus>
21+
<input id="email" type="email" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline{{ $errors->has('email') ? ' border-red-500' : '' }}" name="email" value="{{ old('email') }}" required autofocus>
2222

2323
@if ($errors->has('email'))
24-
<p class="text-red text-xs italic mt-4">
24+
<p class="text-red-500 text-xs italic mt-4">
2525
{{ $errors->first('email') }}
2626
</p>
2727
@endif
2828
</div>
2929

3030
<div class="flex flex-wrap mb-6">
31-
<label for="password" class="block text-grey-darker text-sm font-bold mb-2">
31+
<label for="password" class="block text-gray-700 text-sm font-bold mb-2">
3232
{{ __('Password') }}:
3333
</label>
3434

35-
<input id="password" type="password" class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline{{ $errors->has('password') ? ' border-red' : '' }}" name="password" required>
35+
<input id="password" type="password" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline{{ $errors->has('password') ? ' border-red-500' : '' }}" name="password" required>
3636

3737
@if ($errors->has('password'))
38-
<p class="text-red text-xs italic mt-4">
38+
<p class="text-red-500 text-xs italic mt-4">
3939
{{ $errors->first('password') }}
4040
</p>
4141
@endif
@@ -44,26 +44,26 @@
4444
<div class="flex mb-6">
4545
<input type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
4646

47-
<label class="text-sm text-grey-dark ml-3" for="remember">
47+
<label class="text-sm text-gray-700 ml-3" for="remember">
4848
{{ __('Remember Me') }}
4949
</label>
5050
</div>
5151

5252
<div class="flex flex-wrap items-center">
53-
<button type="submit" class="bg-blue hover:bg-blue-dark text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">
53+
<button type="submit" class="bg-blue-500 hover:bg-blue-700 text-gray-100 font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">
5454
{{ __('Login') }}
5555
</button>
5656

5757
@if (Route::has('password.request'))
58-
<a class="text-sm text-blue hover:text-blue-dark whitespace-no-wrap no-underline ml-auto" href="{{ route('password.request') }}">
58+
<a class="text-sm text-blue-500 hover:text-blue-700 whitespace-no-wrap no-underline ml-auto" href="{{ route('password.request') }}">
5959
{{ __('Forgot Your Password?') }}
6060
</a>
6161
@endif
6262

6363
@if (Route::has('register'))
64-
<p class="w-full text-xs text-center text-grey-dark mt-8 -mb-4">
64+
<p class="w-full text-xs text-center text-gray-700 mt-8 -mb-4">
6565
Don't have an account?
66-
<a class="text-blue hover:text-blue-dark no-underline" href="{{ route('register') }}">
66+
<a class="text-blue-500 hover:text-blue-700 no-underline" href="{{ route('register') }}">
6767
Register
6868
</a>
6969
</p>

‎src/tailwindcss-stubs/resources/views/auth/register.blade.php

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -6,71 +6,71 @@
66
<div class="w-full max-w-sm">
77
<div class="flex flex-col break-words bg-white border border-2 rounded shadow-md">
88

9-
<div class="font-semibold bg-grey-lightest text-grey-darkest py-3 px-6 mb-0 shadow-inner">
9+
<div class="font-semibold bg-gray-200 text-gray-700 py-3 px-6 mb-0 shadow-inner">
1010
{{ __('Register') }}
1111
</div>
1212

1313
<form class="w-full p-6" method="POST" action="{{ route('register') }}">
1414
@csrf
1515

1616
<div class="flex flex-wrap mb-6">
17-
<label for="name" class="block text-grey-darker text-sm font-bold mb-2">
17+
<label for="name" class="block text-gray-700 text-sm font-bold mb-2">
1818
{{ __('Name') }}:
1919
</label>
2020

21-
<input id="name" type="text" class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline{{ $errors->has('name') ? ' border-red' : '' }}" name="name" value="{{ old('name') }}" required autofocus>
21+
<input id="name" type="text" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline{{ $errors->has('name') ? ' border-red-500' : '' }}" name="name" value="{{ old('name') }}" required autofocus>
2222

2323
@if ($errors->has('name'))
24-
<p class="text-red text-xs italic mt-4">
24+
<p class="text-red-500 text-xs italic mt-4">
2525
{{ $errors->first('name') }}
2626
</p>
2727
@endif
2828
</div>
2929

3030
<div class="flex flex-wrap mb-6">
31-
<label for="email" class="block text-grey-darker text-sm font-bold mb-2">
31+
<label for="email" class="block text-gray-700 text-sm font-bold mb-2">
3232
{{ __('E-Mail Address') }}:
3333
</label>
3434

35-
<input id="email" type="email" class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline{{ $errors->has('email') ? ' border-red' : '' }}" name="email" value="{{ old('email') }}" required>
35+
<input id="email" type="email" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline{{ $errors->has('email') ? ' border-red-500' : '' }}" name="email" value="{{ old('email') }}" required>
3636

3737
@if ($errors->has('email'))
38-
<p class="text-red text-xs italic mt-4">
38+
<p class="text-red-500 text-xs italic mt-4">
3939
{{ $errors->first('email') }}
4040
</p>
4141
@endif
4242
</div>
4343

4444
<div class="flex flex-wrap mb-6">
45-
<label for="password" class="block text-grey-darker text-sm font-bold mb-2">
45+
<label for="password" class="block text-gray-700 text-sm font-bold mb-2">
4646
{{ __('Password') }}:
4747
</label>
4848

49-
<input id="password" type="password" class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline{{ $errors->has('password') ? ' border-red' : '' }}" name="password" required>
49+
<input id="password" type="password" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline{{ $errors->has('password') ? ' border-red-500' : '' }}" name="password" required>
5050

5151
@if ($errors->has('password'))
52-
<p class="text-red text-xs italic mt-4">
52+
<p class="text-red-500 text-xs italic mt-4">
5353
{{ $errors->first('password') }}
5454
</p>
5555
@endif
5656
</div>
5757

5858
<div class="flex flex-wrap mb-6">
59-
<label for="password-confirm" class="block text-grey-darker text-sm font-bold mb-2">
59+
<label for="password-confirm" class="block text-gray-700 text-sm font-bold mb-2">
6060
{{ __('Confirm Password') }}:
6161
</label>
6262

63-
<input id="password-confirm" type="password" class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline" name="password_confirmation" required>
63+
<input id="password-confirm" type="password" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" name="password_confirmation" required>
6464
</div>
6565

6666
<div class="flex flex-wrap">
67-
<button type="submit" class="inline-block align-middle text-center select-none border font-normal whitespace-no-wrap py-2 px-4 rounded text-base leading-normal no-underline text-blue-lightest bg-blue hover:bg-blue-light">
67+
<button type="submit" class="inline-block align-middle text-center select-none border font-bold whitespace-no-wrap py-2 px-4 rounded text-base leading-normal no-underline text-gray-100 bg-blue-500 hover:bg-blue-700">
6868
{{ __('Register') }}
6969
</button>
7070

71-
<p class="w-full text-xs text-center text-grey-dark mt-8 -mb-4">
71+
<p class="w-full text-xs text-center text-gray-700 mt-8 -mb-4">
7272
Already have an account?
73-
<a class="text-blue hover:text-blue-dark no-underline" href="{{ route('login') }}">
73+
<a class="text-blue-500 hover:text-blue-700 no-underline" href="{{ route('login') }}">
7474
Login
7575
</a>
7676
</p>

‎src/tailwindcss-stubs/resources/views/layouts/app.blade.php

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -12,27 +12,27 @@
1212
<!-- Styles -->
1313
<link href="{{ mix('css/app.css') }}" rel="stylesheet">
1414
</head>
15-
<body class="bg-grey-lightest h-screen antialiased">
15+
<body class="bg-gray-100 h-screen antialiased leading-none">
1616
<div id="app">
17-
<nav class="bg-blue-darkest shadow mb-8 py-6">
17+
<nav class="bg-blue-900 shadow mb-8 py-6">
1818
<div class="container mx-auto px-6 md:px-0">
1919
<div class="flex items-center justify-center">
2020
<div class="mr-6">
21-
<a href="{{ url('/') }}" class="text-lg font-semibold text-white no-underline">
21+
<a href="{{ url('/') }}" class="text-lg font-semibold text-gray-100 no-underline">
2222
{{ config('app.name', 'Laravel') }}
2323
</a>
2424
</div>
2525
<div class="flex-1 text-right">
2626
@guest
27-
<a class="no-underline hover:underline text-grey-lightest text-sm p-3" href="{{ route('login') }}">{{ __('Login') }}</a>
27+
<a class="no-underline hover:underline text-gray-300 text-sm p-3" href="{{ route('login') }}">{{ __('Login') }}</a>
2828
@if (Route::has('register'))
29-
<a class="no-underline hover:underline text-grey-lightest text-sm p-3" href="{{ route('register') }}">{{ __('Register') }}</a>
29+
<a class="no-underline hover:underline text-gray-300 text-sm p-3" href="{{ route('register') }}">{{ __('Register') }}</a>
3030
@endif
3131
@else
32-
<span class="text-grey-lightest text-sm pr-4">{{ Auth::user()->name }}</span>
32+
<span class="text-gray-300 text-sm pr-4">{{ Auth::user()->name }}</span>
3333

3434
<a href="{{ route('logout') }}"
35-
class="no-underline hover:underline text-grey-lightest text-sm p-3"
35+
class="no-underline hover:underline text-gray-300 text-sm p-3"
3636
onclick="event.preventDefault();
3737
document.getElementById('logout-form').submit();">{{ __('Logout') }}</a>
3838
<form id="logout-form" action="{{ route('logout') }}" method="POST" class="hidden">

0 commit comments

Comments
 (0)