Skip to content

Commit 7a7f0b6

Browse files
surefire-husurefire-hu
committed
cambiato stile auth
1 parent 5ee4364 commit 7a7f0b6

File tree

7 files changed

+267
-210
lines changed

7 files changed

+267
-210
lines changed

‎resources/views/auth/confirm-password.blade.php‎

Lines changed: 34 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,42 @@
11
<x-guest-layout>
2-
<div class="mb-4 text-sm text-gray-600 dark:text-gray-400">
3-
{{ __('Questa è un\'area sicura dell\'applicazione. Per favore, conferma la tua password prima di continuare.') }}
4-
</div>
2+
<div class="min-h-screen flex items-center justify-center bg-gradient-to-r from-neutral-900 via-[#003441] to-neutral-900">
3+
<div class="bg-neutral-800 p-8 rounded-xl shadow-lg w-full max-w-md">
4+
<div class="mb-4 text-sm text-white">
5+
{{ __('Per continuare, inserisci la tua password.') }}
6+
</div>
57

6-
<form method="POST" action="{{ route('password.confirm') }}">
7-
@csrf
8+
<!-- Validation Errors -->
9+
<x-auth-validation-errors class="mb-4" :errors="$errors" />
810

9-
<!-- Password -->
10-
<div>
11-
<x-input-label for="password" :value="__('Password')" />
11+
<form method="POST" action="{{ route('password.confirm') }}" class="space-y-6">
12+
@csrf
1213

13-
<x-text-input id="password" class="block mt-1 w-full"
14-
type="password"
15-
name="password"
16-
required autocomplete="current-password" />
14+
<!-- Password -->
15+
<div>
16+
<x-input-label for="password" :value="__('Password')" class="block text-sm font-medium text-white" />
1717

18-
<x-input-error :messages="$errors->get('password')" class="mt-2" />
19-
</div>
18+
<x-text-input id="password" class="mt-1 block w-full px-4 py-2 border border-gray-500 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 bg-neutral-700 text-white"
19+
type="password"
20+
name="password"
21+
required autocomplete="current-password" />
22+
</div>
23+
24+
<div class="flex items-center justify-between">
25+
<a class="text-sm text-yellow-400 hover:underline focus:outline-none focus:ring-2 focus:ring-yellow-500 rounded-md" href="{{ route('forgot-password') }}">
26+
{{ __('Password dimenticata?') }}
27+
</a>
2028

21-
<div class="flex justify-end mt-4">
22-
<x-primary-button>
23-
{{ __('Conferma') }}
24-
</x-primary-button>
29+
<a class="text-sm text-yellow-400 hover:underline focus:outline-none focus:ring-2 focus:ring-yellow-500 rounded-md" href="{{ route('register') }}">
30+
{{ __('Crea un account') }}
31+
</a>
32+
</div>
33+
34+
<div class="flex flex-col space-y-4">
35+
<x-primary-button class="w-full py-2 bg-gradient-to-t from-yellow-600 to-yellow-800 text-white font-semibold rounded-md shadow focus:outline-none focus:ring-2 focus:ring-yellow-500">
36+
{{ __('Conferma Password') }}
37+
</x-primary-button>
38+
</div>
39+
</form>
2540
</div>
26-
</form>
41+
</div>
2742
</x-guest-layout>

‎resources/views/auth/forgot-password.blade.php‎

Lines changed: 28 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,35 @@
11
<x-guest-layout>
2-
<div class="mb-4 text-sm text-gray-600 dark:text-gray-400">
3-
{{ __('Password dimenticata? Nessun problema. Basta inserire il tuo indirizzo email e ti invieremo un link per resettare la password che ti permetterà di scegliere una nuova.') }}
4-
</div>
2+
<div class="min-h-screen flex items-center justify-center bg-gradient-to-r from-neutral-900 via-[#003441] to-neutral-900">
3+
<div class="bg-neutral-800 p-8 rounded-xl shadow-lg w-full max-w-md">
4+
<div class="mb-4 text-sm text-white">
5+
{{ __('Hai dimenticato la password? Nessun problema. Inserisci il tuo indirizzo email e ti invieremo un link per reimpostarla.') }}
6+
</div>
57

6-
<!-- Session Status -->
7-
<x-auth-session-status class="mb-4" :status="session('status')" />
8+
<!-- Session Status -->
9+
<x-auth-session-status class="mb-4" :status="session('status')" />
810

9-
<form method="POST" action="{{ route('password.email') }}">
10-
@csrf
11+
<form method="POST" action="{{ route('password.email') }}" class="space-y-6">
12+
@csrf
1113

12-
<!-- Email Address -->
13-
<div>
14-
<x-input-label for="email" :value="__('Email')" />
15-
<x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus />
16-
<x-input-error :messages="$errors->get('email')" class="mt-2" />
17-
</div>
14+
<!-- Email Address -->
15+
<div>
16+
<x-input-label for="email" :value="__('Email')" class="block text-sm font-medium text-white" />
17+
<x-text-input id="email" class="mt-1 block w-full px-4 py-2 border border-gray-500 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 bg-neutral-700 text-white" type="email" name="email" :value="old('email')" required autofocus autocomplete="username" />
18+
<x-input-error :messages="$errors->get('email')" class="mt-2 text-sm text-red-600" />
19+
</div>
1820

19-
<div class="flex items-center justify-end mt-4">
20-
<x-primary-button>
21-
{{ __('Invia Link per Resettare Password') }}
22-
</x-primary-button>
21+
<div class="flex items-center justify-end">
22+
<a class="text-sm text-yellow-400 hover:underline focus:outline-none focus:ring-2 focus:ring-yellow-500 rounded-md" href="{{ route('login') }}">
23+
{{ __('Torna al login') }}
24+
</a>
25+
</div>
26+
27+
<div class="flex flex-col space-y-4">
28+
<x-primary-button class="w-full py-2 bg-gradient-to-t from-yellow-600 to-yellow-800 text-white font-semibold rounded-md shadow focus:outline-none focus:ring-2 focus:ring-yellow-500">
29+
{{ __('Invia Link di Reimpostazione Password') }}
30+
</x-primary-button>
31+
</div>
32+
</form>
2333
</div>
24-
</form>
34+
</div>
2535
</x-guest-layout>

‎resources/views/auth/login.blade.php‎

Lines changed: 56 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -1,54 +1,59 @@
11
<x-guest-layout>
2-
<!-- Session Status -->
3-
<x-auth-session-status class="mb-4" :status="session('status')" />
4-
5-
<form method="POST" action="{{ route('login') }}">
6-
@csrf
7-
8-
<!-- Email Address -->
9-
<div>
10-
<x-input-label for="email" :value="__('Email')" />
11-
<x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus autocomplete="username" />
12-
<x-input-error :messages="$errors->get('email')" class="mt-2" />
13-
</div>
14-
15-
<!-- Password -->
16-
<div class="mt-4">
17-
<x-input-label for="password" :value="__('Password')" />
18-
19-
<x-text-input id="password" class="block mt-1 w-full"
20-
type="password"
21-
name="password"
22-
required autocomplete="current-password" />
23-
24-
<x-input-error :messages="$errors->get('password')" class="mt-2" />
25-
</div>
26-
27-
<!-- Remember Me -->
28-
<div class="block mt-4">
29-
<label for="remember_me" class="inline-flex items-center">
30-
<input id="remember_me" type="checkbox" class="rounded dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500 dark:focus:ring-indigo-600 dark:focus:ring-offset-gray-800" name="remember">
31-
<span class="ms-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Ricordami') }}</span>
32-
</label>
33-
</div>
34-
35-
<div class="flex items-center justify-end mt-4">
36-
@if (Route::has('password.request'))
37-
<a class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800" href="{{ route('password.request') }}">
38-
{{ __('Password dimenticata?') }}
39-
</a>
40-
@endif
41-
</div>
42-
<div class="flex items-center justify-end mt-4">
43-
@if (Route::has('register'))
44-
<a class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800" href="{{ route('register') }}">
45-
{{ __('Registrati') }}
46-
</a>
47-
@endif
48-
49-
<x-primary-button class="ms-3">
50-
{{ __('Accedi') }}
51-
</x-primary-button>
2+
<div class="min-h-screen flex items-center justify-center bg-gradient-to-r from-neutral-900 via-[#003441] to-neutral-900">
3+
<div class="bg-neutral-800 p-8 rounded-xl shadow-lg w-full max-w-md">
4+
<!-- Session Status -->
5+
<x-auth-session-status class="mb-4" :status="session('status')" />
6+
7+
<form method="POST" action="{{ route('login') }}" class="space-y-6">
8+
@csrf
9+
10+
<!-- Email Address -->
11+
<div>
12+
<x-input-label for="email" :value="__('Email')" class="block text-sm font-medium text-white" />
13+
<x-text-input id="email" class="mt-1 block w-full px-4 py-2 border border-gray-500 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 bg-neutral-700 text-white" type="email" name="email" :value="old('email')" required autofocus autocomplete="username" />
14+
<x-input-error :messages="$errors->get('email')" class="mt-2 text-sm text-red-600" />
15+
</div>
16+
17+
<!-- Password -->
18+
<div>
19+
<x-input-label for="password" :value="__('Password')" class="block text-sm font-medium text-white" />
20+
21+
<x-text-input id="password" class="mt-1 block w-full px-4 py-2 border border-gray-500 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 bg-neutral-700 text-white"
22+
type="password"
23+
name="password"
24+
required autocomplete="current-password" />
25+
26+
<x-input-error :messages="$errors->get('password')" class="mt-2 text-sm text-red-600" />
27+
</div>
28+
29+
<!-- Remember Me -->
30+
<div class="flex items-center">
31+
<input id="remember_me" type="checkbox" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-500 rounded" name="remember">
32+
<label for="remember_me" class="ml-2 block text-sm text-white">
33+
{{ __('Ricordami') }}
34+
</label>
35+
</div>
36+
37+
<div class="flex items-center justify-between">
38+
@if (Route::has('password.request'))
39+
<a class="text-sm text-yellow-400 hover:underline focus:outline-none focus:ring-2 focus:ring-yellow-500 rounded-md" href="{{ route('password.request') }}">
40+
{{ __('Password dimenticata?') }}
41+
</a>
42+
@endif
43+
</div>
44+
45+
<div class="flex flex-col space-y-4">
46+
@if (Route::has('register'))
47+
<a class="text-sm text-center text-yellow-400 hover:underline focus:outline-none focus:ring-2 focus:ring-yellow-500 rounded-md" href="{{ route('register') }}">
48+
{{ __('Registrati') }}
49+
</a>
50+
@endif
51+
52+
<x-primary-button class="w-full py-2 bg-gradient-to-t from-yellow-600 to-yellow-800 text-white font-semibold rounded-md shadow focus:outline-none focus:ring-2 focus:ring-yellow-500">
53+
{{ __('Accedi') }}
54+
</x-primary-button>
55+
</div>
56+
</form>
5257
</div>
53-
</form>
58+
</div>
5459
</x-guest-layout>

‎resources/views/auth/register.blade.php‎

Lines changed: 58 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -1,66 +1,61 @@
11
<x-guest-layout>
2-
<form method="POST" action="{{ route('register') }}">
3-
@csrf
4-
5-
<!-- Name -->
6-
<div>
7-
<x-input-label for="name" :value="__('Nome')" />
8-
<x-text-input id="name" class="block mt-1 w-full" type="text" name="name" :value="old('name')" required autofocus autocomplete="name" />
9-
<x-input-error :messages="$errors->get('name')" class="mt-2" />
10-
</div>
11-
12-
<!-- Surname -->
13-
<div>
14-
<x-input-label for="surname" :value="__('Cognome')" />
15-
<x-text-input id="surname" class="block mt-1 w-full" type="text" name="surname" :value="old('surname')" required autofocus autocomplete="surname" />
16-
<x-input-error :messages="$errors->get('surname')" class="mt-2" />
17-
</div>
18-
19-
<!-- Birthdate -->
20-
<div>
21-
<x-input-label for="birthdate" :value="__('Data di Nascita')" />
22-
<x-text-input id="birthdate" class="block mt-1 w-full" type="date" name="birthdate" :value="old('birthdate')" required autofocus autocomplete="birthdate" max="{{ now()->subYears(18)->toDateString() }}" />
23-
<x-input-error :messages="$errors->get('birthdate')" class="mt-2" />
24-
</div>
25-
26-
<!-- Email Address -->
27-
<div class="mt-4">
28-
<x-input-label for="email" :value="__('Email')" />
29-
<x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autocomplete="username" />
30-
<x-input-error :messages="$errors->get('email')" class="mt-2" />
31-
</div>
32-
33-
<!-- Password -->
34-
<div class="mt-4">
35-
<x-input-label for="password" :value="__('Password')" />
36-
37-
<x-text-input id="password" class="block mt-1 w-full"
38-
type="password"
39-
name="password"
40-
required autocomplete="new-password" />
41-
42-
<x-input-error :messages="$errors->get('password')" class="mt-2" />
43-
</div>
44-
45-
<!-- Confirm Password -->
46-
<div class="mt-4">
47-
<x-input-label for="password_confirmation" :value="__('Confermare Password')" />
48-
49-
<x-text-input id="password_confirmation" class="block mt-1 w-full"
50-
type="password"
51-
name="password_confirmation" required autocomplete="new-password" />
52-
53-
<x-input-error :messages="$errors->get('password_confirmation')" class="mt-2" />
54-
</div>
55-
56-
<div class="flex items-center justify-end mt-4">
57-
<a class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800" href="{{ route('login') }}">
58-
{{ __('Già registrato?') }}
59-
</a>
60-
61-
<x-primary-button class="ms-4">
62-
{{ __('Registrati') }}
63-
</x-primary-button>
2+
<div class="min-h-screen flex items-center justify-center bg-gradient-to-r from-neutral-900 via-[#003441] to-neutral-900">
3+
<div class="bg-neutral-800 p-8 rounded-xl shadow-lg w-full max-w-md">
4+
<!-- Session Status -->
5+
<x-auth-session-status class="mb-4" :status="session('status')" />
6+
7+
<form method="POST" action="{{ route('register') }}" class="space-y-6">
8+
@csrf
9+
10+
<!-- Name -->
11+
<div>
12+
<x-input-label for="name" :value="__('Nome')" class="block text-sm font-medium text-white" />
13+
<x-text-input id="name" class="mt-1 block w-full px-4 py-2 border border-gray-500 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 bg-neutral-700 text-white" type="text" name="name" :value="old('name')" required autofocus autocomplete="name" />
14+
<x-input-error :messages="$errors->get('name')" class="mt-2 text-sm text-red-600" />
15+
</div>
16+
17+
<!-- Email Address -->
18+
<div>
19+
<x-input-label for="email" :value="__('Email')" class="block text-sm font-medium text-white" />
20+
<x-text-input id="email" class="mt-1 block w-full px-4 py-2 border border-gray-500 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 bg-neutral-700 text-white" type="email" name="email" :value="old('email')" required autocomplete="username" />
21+
<x-input-error :messages="$errors->get('email')" class="mt-2 text-sm text-red-600" />
22+
</div>
23+
24+
<!-- Password -->
25+
<div>
26+
<x-input-label for="password" :value="__('Password')" class="block text-sm font-medium text-white" />
27+
28+
<x-text-input id="password" class="mt-1 block w-full px-4 py-2 border border-gray-500 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 bg-neutral-700 text-white"
29+
type="password"
30+
name="password"
31+
required autocomplete="new-password" />
32+
33+
<x-input-error :messages="$errors->get('password')" class="mt-2 text-sm text-red-600" />
34+
</div>
35+
36+
<!-- Confirm Password -->
37+
<div>
38+
<x-input-label for="password_confirmation" :value="__('Conferma Password')" class="block text-sm font-medium text-white" />
39+
40+
<x-text-input id="password_confirmation" class="mt-1 block w-full px-4 py-2 border border-gray-500 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 bg-neutral-700 text-white"
41+
type="password"
42+
name="password_confirmation" required autocomplete="new-password" />
43+
44+
<x-input-error :messages="$errors->get('password_confirmation')" class="mt-2 text-sm text-red-600" />
45+
</div>
46+
47+
<div class="flex items-center justify-between">
48+
<a class="text-sm text-yellow-400 hover:underline focus:outline-none focus:ring-2 focus:ring-yellow-500 rounded-md" href="{{ route('login') }}">
49+
{{ __('Hai già un account?') }}
50+
</a>
51+
</div>
52+
53+
<div class="flex flex-col space-y-4">
54+
<x-primary-button class="w-full py-2 bg-gradient-to-t from-yellow-600 to-yellow-800 text-white font-semibold rounded-md shadow focus:outline-none focus:ring-2 focus:ring-yellow-500">
55+
{{ __('Registrati') }}
56+
</x-primary-button>
57+
</div>
58+
</form>
6459
</div>
65-
</form>
60+
</div>
6661
</x-guest-layout>

0 commit comments

Comments
 (0)