Skip to content

Commit 0a2f080

Browse files
michaeldyryndamichaeldyrynda
committed
update register
1 parent b1167d1 commit 0a2f080

File tree

1 file changed

+48
-55
lines changed

1 file changed

+48
-55
lines changed

‎src/tailwind-stubs/views/auth/register.blade.php

Lines changed: 48 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -1,65 +1,58 @@
11
@extends('layouts.app')
22

33
@section('content')
4+
<div class="flex items-center">
5+
<div class="md:w-1/2 md:mx-auto">
6+
<div class="rounded shadow">
7+
<div class="font-medium text-lg text-orange-darker bg-orange-lighter p-3 rounded rounded-t">
8+
Register
9+
</div>
10+
<div class="bg-white p-3 rounded rounded-b">
11+
<form class="form-horizontal" method="POST" action="{{ route('register') }}">
12+
{{ csrf_field() }}
413

5-
<div class="pa4-l">
6-
<form class="bg-near-white mw6 center pa4 br2-ns ba b--black-10" method="POST" action="{{ route('register') }}">
7-
{{ csrf_field() }}
8-
<fieldset class="cf bn ma0 pa0">
9-
<legend class="pa0 f4-ns mb3 black-80">Register</legend>
10-
<div class="cf">
11-
<label class="clip" for="name">Name</label>
12-
<input
13-
class="f6 f5-l input-reset black-80 bg-white pa3 lh-solid w-100 br2-ns @if ($errors->has('name')) ba b--light-red @else bn @endif"
14-
placeholder="Name"
15-
type="text"
16-
name="name"
17-
value="{{ old('name') }}"
18-
id="name">
19-
@if ($errors->has('name'))
20-
<p class="light-red f5 mt1">{{ $errors->first('name') }}</p>
21-
@endif
14+
<div class="flex items-stretch mb-3">
15+
<label for="email" class="text-right font-semibold text-grey-dark text-sm pt-2 pr-3 align-middle w-1/4">Name</label>
16+
<div class="flex flex-col w-3/4">
17+
<input id="email" type="text" class="flex-grow h-8 px-2 border rounded {{ $errors->has('name') ? 'border-red-dark' : 'border-grey-light' }}" name="name" value="{{ old('name') }}" autofocus>
18+
{!! $errors->first('name', '<span class="text-red-dark text-sm mt-2">:message</span>') !!}
19+
</div>
20+
</div>
2221

23-
<label class="clip" for="email">Email Address</label>
24-
<input
25-
class="f6 mt3 f5-l input-reset black-80 bg-white pa3 lh-solid w-100 br2-ns @if ($errors->has('email')) ba b--light-red @else bn @endif"
26-
placeholder="Your Email Address"
27-
type="text"
28-
name="email"
29-
value="{{ old('email') }}"
30-
id="email">
31-
@if ($errors->has('email'))
32-
<p class="light-red f5 mt1">{{ $errors->first('email') }}</p>
33-
@endif
22+
<div class="flex items-stretch mb-3">
23+
<label for="email" class="text-right font-semibold text-grey-dark text-sm pt-2 pr-3 align-middle w-1/4">E-Mail Address</label>
24+
<div class="flex flex-col w-3/4">
25+
<input id="email" type="email" class="flex-grow h-8 px-2 border rounded {{ $errors->has('email') ? 'border-red-dark' : 'border-grey-light' }}" name="email" value="{{ old('email') }}" required>
26+
{!! $errors->first('email', '<span class="text-red-dark text-sm mt-2">:message</span>') !!}
27+
</div>
28+
</div>
3429

35-
<input
36-
class="f6 f5-l input-reset black-80 bg-white pa3 lh-solid w-100 mt3 br2-ns @if ($errors->has('password'))ba b--light-red @else bn @endif"
37-
type="password"
38-
name="password"
39-
value=""
40-
id="password"
41-
placeholder="Password">
42-
@if ($errors->has('password'))
43-
<p class="light-red f5 mt1">{{ $errors->first('password') }}</p>
44-
@endif
30+
<div class="flex items-stretch mb-4">
31+
<label for="password" class="text-right font-semibold text-grey-dark text-sm pt-2 pr-3 align-middle w-1/4">Password</label>
32+
<div class="flex flex-col w-3/4">
33+
<input id="password" type="password" class="flex-grow h-8 px-2 rounded border {{ $errors->has('password') ? 'border-red-dark' : 'border-grey-light' }}" name="password" required>
34+
{!! $errors->first('password', '<span class="text-red-dark text-sm mt-2">:message</span>') !!}
35+
</div>
36+
</div>
4537

46-
<input
47-
class="f6 f5-l input-reset black-80 bg-white pa3 lh-solid w-100 mt3 br2-ns @if ($errors->has('password_confirmation')) ba b--light-red @else bn @endif"
48-
type="password"
49-
name="password_confirmation"
50-
value=""
51-
id="password_confirmation"
52-
placeholder="Confirm Password">
53-
@if ($errors->has('password_confirmation'))
54-
<p class="light-red f5 mt1">{{ $errors->first('password_confirmation') }}</p>
55-
@endif
38+
<div class="flex items-stretch mb-4">
39+
<label for="password_confirmation" class="text-right font-semibold text-grey-dark text-sm pt-2 pr-3 align-middle w-1/4">Confirm Password</label>
40+
<div class="flex flex-col w-3/4">
41+
<input id="password_confirmation" type="password" class="flex-grow h-8 px-2 rounded border {{ $errors->has('password_confirmation') ? 'border-red-dark' : 'border-grey-light' }}" name="password_confirmation" required>
42+
{!! $errors->first('password_confirmation', '<span class="text-red-dark text-sm mt-2">:message</span>') !!}
43+
</div>
44+
</div>
5645

57-
<input
58-
class="f6 f5-l button-reset pv3 fr tc bn bg-animate bg-black-70 hover-bg-black white pointer w-100 w-25-m w-20-l br2-ns mt3"
59-
type="submit"
60-
value="Register">
61-
</div>
62-
</fieldset>
63-
</form>
46+
<div class="flex">
47+
<div class="w-3/4 ml-auto">
48+
<button type="submit" class="bg-orange hover:bg-orange-dark text-white text-sm font-sembiold py-2 px-4 rounded mr-3">
49+
Register
50+
</button>
51+
</div>
52+
</div>
53+
</form>
54+
</div>
55+
</div>
6456
</div>
57+
</div>
6558
@endsection

0 commit comments

Comments
 (0)